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>
複製代碼

運行效果以下

最後一張圖總結一下基本標籤:

目錄

標題標籤

段落和換行標籤

文本標籤

水平線標籤