【5】HTML基礎（3）——HTML常用標籤①
【5】HTML基礎（3）——HTML常用標籤①
★文章內容學習來源：拉勾教育大前端就業集訓營
#目錄
一、註釋
二、標題標籤
三、段落和換行標籤
四、文字格式化標籤
一、註釋
(一）語法：
<!--書寫註釋內容-->
註釋只在原始碼中可見，在瀏覽器視窗是不顯示的。
（二）作用：
①在原始碼中新增描述性的提示資訊，便於我們閱讀程式碼。
②對於HTML糾錯也大有幫助，可以通過註釋某一行HTML程式碼，以便檢索錯誤的位置。
③暫時註釋掉一部分不用的程式碼，便於後期恢復程式碼
二、標題標籤
（一）語法：
通過<h1>-<h6>六個標籤分別來對六個級別的標題進行定義的。
<h1>一級標題</h1>
<h2>二級標題</h2>
<h3>三級標題</h3>
<h4>四級標題</h4>
<h5>五級標題</h5>
<h6>六級標題</h6>
（二）作用
★給標籤內部的元素內容新增對應級別標題的語義，不負責文字的粗體、字號等樣式。
樣式是由CSS設定的。
（三）標籤級別
標題標籤之間是不能互相巢狀的，下一級標題與上級標題之間通過同級關係書寫，下一級標題解釋說明的是前面距離最近的上一級標題。
（四）權重
標題標籤對於呈現文件結構非常重要，使用時要根據標籤的重要程度進行選擇；
<h1>標籤最重要，<h2>標籤次重要，以此類推。★
<h1>在整個HTML中的權重非常高，內部應該放置HTML中最重要的內容，比如logo。
三、段落和換行標籤
（一）段落（paragraph）
1.語法：
(1)<p>標籤進行定義的;
(2)雙標籤;
(3)文字級標籤;
內部只能放置文字、圖片、表單元素，或者廢棄的<font>標籤等。
示例：
<p>這是一個段落</p>
2.作用：
（1）給標籤內部的內容新增一個完整段落的語義，不負責內容自動換行的樣式。換行的效果是由CSS決定的。
（二）換行（breaking）
1.語法
（1）<br/>標籤是HTML中一個簡單的換行符；
（2）在需要換行的位置可以使用<br/>標籤書寫；
（3）單標籤
2.作用
（1）<br/>與<p>不同，<br/>沒有建立新的落的語義，只是簡單的進行強制換行。
（2）每一對兒
標籤內部的元素內容為一個完整的段落，如果有多個段落，需要分別使用不同的
標籤進行定義。
示例正確寫法：
<p>這是第一個段落</p>
<p>這是第二個段落</p>
<p>這是第三個段落</p>
示例錯誤寫法：
<p>這是第一個段落</br>
這是第二個段落</br>
這是第三個段落</p>
四、文字格式化標籤
HTML中有部分標籤是用來對文字進行格式化顯示設定的，比如粗體和斜體等;
但是在HTML4.0版本規範後，結構和樣式進行了分離，HTML只負責搭建結構，CSS負責格式化樣式，所以大部分文字格式化標籤被廢棄，但是在HTML4.01和
XHTML1.0 transitional版本中依舊可以使用。
★文字格式化的標籤均為雙標籤，且為文字級標籤，內部只能書寫文字。
| 標籤 | 描述 |
|---|---|
| b | 定義粗體文字，bold |
| big | 定義大號字 |
| em | 定義著重文字，emphasis，自帶斜體效果 |
| i | 定義斜體字，italic |
| small | 定義小號字 |
| strong | 定義加重語氣，自帶加粗效果 |
| sub | 定義下標字，subscript |
| sup | 定義上標字，superscript |
| ins | 定義插入字，自帶下劃線效果，insert |
| del | 定義刪除字，delete |
| s | 不贊成使用，使用del代替，strike的簡化 |
| strike | 不贊成使用，使用del代替 |
| u | 定義下劃線，不贊成使用，使用css中樣式代替，underline |
下篇繼續html常用標籤…