html基本標籤大全，html文本標籤有哪些

今天的內容主要是標題標籤h、段落標籤p、和文本外觀相關標籤的用法，尤其是特殊的注意事項。明天會學習標籤分類和特殊字元的表示。關注我，一起進步。

第四章 HTML文本相關標籤

1、靜態頁面組成

靜態頁面主要由4種元素組成：文字、圖片、超鏈接和視頻音頻。

2、動態頁面和靜態頁面的區別

動態頁面能實現與伺服器的數據交互（例如註冊登錄），靜態頁面不能。

3、HTML文本的主要標籤

HTML文本就是網頁上顯示的主要內容，需要用到的主要標籤有如下幾類：標題標籤、段落標籤、文本標籤、水平線標籤、特殊符號標籤。這些標籤都在body標籤內部。

4、h1~h6標題標籤

標題標籤根據字體大小不同分成6個等級，分別是h1~h6，h是標題的英語headline的縮寫。使用格式為：

<h1>標題</h1>

代碼示例和顯示效果如下，可見（1）標題的字體也可以比內容字體小；（2）標題字體都是加粗的：

5、title標籤和h標籤的區別

title標籤顯示在整個窗口的左上角，h1~h6是文章里的標題，顯示在頁面上，如下圖：

6、p段落標籤

段落標籤p是英語paragraph的縮寫，其使用格式為：

<p>段落內容</p>

段落標籤p用於顯示普通的文本內容，每個自然段用一個p標籤比較好。每個p標籤的內容顯示的時候都會另起一行，無論對應的代碼有沒有在同一行。效果如下圖，第一段和第二段的代碼在同一行，而內容顯示在兩行。

7、br換行標籤

br是強制換行的標籤，可以插在需要換行的任何地方，使用格式為：</br>。注意p標籤的換行，行距較大，而br標籤換行後，就像段內的行距一樣。

8、文本標籤

文本標籤主要有：

粗體標籤：strong、b（bold的縮寫，粗體，黑體）

示例：<strong>加粗內容</strong>，<b>加粗內容</b>

斜體標籤：i（italic的縮寫，斜體）、em（emphasized的縮寫，強調）、cite（引用）

示例：<i>斜體內容</i>，<em>斜體內容</em>，<cite>斜體內容</cite>

上標標籤：sup（superscript的縮寫，上標）

示例：^上標文本

下標標籤：sub（subscript的縮寫，下標）

示例：_下標文本

中劃線標籤：s（strickout的縮寫，刪除線）

示例：<s>加刪除線文本</s>

下劃線標籤：u（underline的縮寫，下劃線）

示例：<u>加下劃線文本</u>

大字型大小標籤：big

示例：<big>加大字型大小文本</big>

小字型大小標籤：small

示例：<small>縮寫字型大小文本</small>

這些標籤定義了文本的外觀，示例代碼和顯示效果如下：

9、水平線標籤

水平線標籤的作用就是加一條水平線，無論在哪裡加<hr/>都會另起一行顯示一條水平線。水平線標籤用三種形式都可以：<hr>、</hr>、<hr/>，所以就用最簡單的<hr>了。換行標籤br也有類似情況。

如果在段落的中間加上hr水平線標籤，一個段落就會分成兩段，並在中間加上水平線。

學無止境，樂在其中。

點擊關注，一起進步！