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水平線標簽，一個段落就會分成兩段，并在中間加上水平線。

學無止境，樂在其中。

點擊關注，一起進步！