HTML学习笔记(01-03)

2021/11/26 23:15:44

编程Tag： 标签标题 html 01 03 nbsp

本文主要是介绍HTML学习笔记(01-03)，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

HTML

文章目录

HTML
前言
01：我的第一个html
02: html的基本标签
03：html的实体符号

前言

此贴为个人学习笔记，学习视频：https://www.bilibili.com/video/BV11t411K74Q?p=1，学习网站：www.w3school.com.cn

01：我的第一个html

<!--
    1.html的注释
    2.加上一下代码的第一行表示html5语法，去掉就表示html4.0
    3.html不区分大小写，语法松散不严格
-->
<!doctype html>

<!--根-->
<html>
    <!--头-->
    <head>
        <!--网页标题-->
        <title>网页的标题</title>
    </head>
    <!--体-->
    <body>
        网页的主体内容
    </body>

</html>

02: html的基本标签

<!doctype html>
<HTML>
    <head>
        <title>html的标签</title>
    </head>
    <body>
        <!--段落标记-->
        <p>....</p><p>...</p>

        <!--标题字：是html预留的格式，和Word中的标题字相同h1-h6-->
        <h1>标题字</h1>
        <h2>标题字</h2>
        <h3>标题字</h3>
        <h4>标题字</h4>
        <h5>标题字</h5>
        <h6>标题字</h6>

        <!--换行标记，br标签是一个独目标记-->
        hello 
        world！
        hello world!<br>

        <!--横线，独目标记-->
        <hr>

        <!--color和width都是hr标签的属性-->
        <hr color="red" width="50%">
        <!--语法太·松散了-->
        <hr color="green" width=50%>
        <hr color='green' width="30%">

        <!--预留格式-->
        <pre>
            acbdefg hijklmn
            opqrst uvwxyz
        </pre>

        <del>删除字</del>
        <ins>插入字</ins>
        <b>粗体字</b>
        <i>斜体字</i>

        10<sup>2</sup><!--右上角-->
        10<sub>m</sub><!--右下角-->

        <!--字体标签-->
        <font color="red" size="20">字体标签</font>

    </body>
</HTML>

03：html的实体符号

<!doctype html>
<HTML>
    <head>
        <title>html的实体符号</title>
    </head>
    <body>
        <!--实体符号特点是：以&开始，以;结束-->
        <!--&lt;是小于号  …&gt;是大于号-->
        b&lt;a&gt;c

        <br>
        <!--&nbsp是空格-->
        a b c
        <br>
        a&nbsp;b&nbsp;c
        a&nbsp;&nbsp;b&nbsp;&nbsp;&nbsp;c
    </body>
</HTML>

这篇关于HTML学习笔记(01-03)的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！