HTML文本标签

标题标签

HTML中标题是有级别区分的，这就要求不一样的标题要有不一样的标签等级作区分，h一、h二、h三、h四、h五、h6分别表明了网页中的六种不一样级别的标题，其中h1级别最高，显示出来的字体也最大，h6级别最低，字体也最小。看一下代码:浏览器

<body>

    <h1>一级标题</h1>

    <h2>二级标题</h2>

    <h3>三级标题</h3>

    <h4>四级标题</h4>

    <h5>五级标题</h5>

    <h6>六级标题</h6>

</body>
复制代码

再看一下浏览器中的运行结果markdown

注意不要将这些标题标签和以前讲过的title标签混为一谈，标题标签用在body标签中主要做用是对网页内容添加标题，而title只是用于在浏览器标题栏中显示当前页面的标题。字体

段落和换行标签

段落标签spa

HTML中使用和表示一段文字，好比这一首《塞上听吹笛》:code

<body>
    <h3>塞上吹听笛</h3>
    <p>
        雪净胡天牧马还，月明羌笛戍楼间。
        借问梅花何处落，风吹一晚上满关山。
    </p>
</body>
复制代码

在浏览器中的显示效果:orm

标题和诗句内容是在不一样的段落中的，也就是说和之间的内容是独占一个段落的。可是咱们会发现整首诗的内容是显示在一行里的，这个排版就显的很差看了。若是想让诗的每一个整句单独一行显示就须要使用换行标签。htm

换行标签图片

HTML中使用单标签表示换行，稍微修改一下上面的内容就能够达到换行的效果。

<body>
    <h3>塞上听笛</h3>
    <p>
        雪净胡天牧马还，月明羌笛戍楼间。<br>
        借问梅花何处落，风吹一晚上满关山。
    </p>
</body>
复制代码

看一下效果

没有作过多的改动，这是在第一行诗的末尾加了个标签

文本标签

在HTML中，咱们可使用“文本标签”来对文字进行修饰，如粗体、斜体、上标、下标等。经常使用的文本标签有如下8种

粗体标签：strong、b
斜体标签：i、em、cite
上标标签：sup
下标标签：sub
中划线标签：s
下划线标签：u
大字号标签：big
小字号标签：small
复制代码

<body>

    <b>粗体标签</b><br>

    <!-- <strong>粗体标签</strong> -->

    <i>斜体标签</i><br>

    <!-- <em>斜体标签</em>     <cite>斜体标签</cite> -->

    上标<sup>标签</sup><br>

    下标<sub>标签</sub><br>

    <s>中线标签</s><br>

    <!-- <del>中线标签</del> -->

    <u>下划线</u><br>

    <!-- big标签建议使用css替代 -->

    <big>大字号标签</big><br>

    <small>小字号标签</small>

</body>
复制代码

看一下运行效果

水平线标签

HTML中使用<hr>实现水平线的效果。

<body>
    水平线
    <hr>
</body>
复制代码

运行效果以下

最后一张图总结一下基本标签:

目录

标题标签

段落和换行标签

文本标签

水平线标签