一、列表標(biāo)簽是什么？
什么是HTML列表？把內(nèi)容制成表，以表顯示容器里面裝載著文字或圖表的一種形式，叫做列表。列表最大的特點就是整齊、整潔、有序。
列表標(biāo)簽的作用：給一堆數(shù)據(jù)添加列表語義，也就是告訴搜索引擎/瀏覽器這一堆數(shù)據(jù)是一個整體。
二、列表標(biāo)簽分類
HTML 的列表分為有序、無序和定義列表：
（1）有序列表，使用 <ol> + <li> 標(biāo)簽
（2）無序列表，使用 <ul> + <li> 標(biāo)簽
（3）定義列表，使用 <dl> + <dt> + <dd> 標(biāo)簽
1. 無序列表
無序列表是一個項目的列表，此列項目使用粗體圓點（典型的小黑圓圈）進(jìn)行標(biāo)記。
無序列表始于 <ul> 標(biāo)簽。每個列表項始于 <li>。
<html> <body> <!--一個無序列表：--> <ul> <li>咖啡</li> <li>牛奶</li> <li>綠茶</li> <li>可樂</li> <li>酸奶</li> </ul> </body> </html>
最后呈現(xiàn)的結(jié)果如圖：
無序列表需要使用 <ul> 和 <li> 標(biāo)簽：
（1）<ul> 是 unordered list 的簡稱，表示無序列表。
（2）<ul> 和 <ol> 中的 <li> 一樣，都表示列表中的每一項。默認(rèn)情況下，無序列表的每一項都使用●符號表示。
注意：<ul> 一般和 <li> 配合使用，不會單獨出現(xiàn)，而且不建議在 <ul> 中直接使用除 <li> 之外的其他標(biāo)簽。
2. 有序列表
有序列表也是一列項目，列表項目使用數(shù)字進(jìn)行標(biāo)記。
有序列表始于 <ol> 標(biāo)簽。每個列表項始于 <li> 標(biāo)簽。
<html> <body> <!--一個有序列表：--> <ol> <li>咖啡</li> <li>牛奶</li> <li>綠茶</li> <li>可樂</li> <li>酸奶</li> </ol> </body> </html>
最后呈現(xiàn)的結(jié)果如圖：
有序列表需要使用 <ol> 和 <li> 標(biāo)簽：
（1）<ol> 是 order list 的簡稱，表示有序列表，它可以為列表的每一項進(jìn)行編號，默認(rèn)從數(shù)字 1 開始。
（3）<li> 是 list item 的簡稱，表示列表的每一項，<ol> 中有多少個 <li> 就表示有多少條內(nèi)容。列表項中可以包含文本、圖片、鏈接等，甚至還可以是另外一個列表。
注意：<ol> 一般和 <li> 配合使用，不會單獨出現(xiàn)，而且不建議在 <ol> 中直接使用除 <li> 之外的其他標(biāo)簽。
3. 定義列表
自定義列表不僅僅是一列項目，而是項目及其注釋的組合。
自定義列表以 <dl> 標(biāo)簽開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始。
<html> <body> <!--一個有序列表：--> <dl> <dt>咖啡</dt> <dd>熱飲</dd> <dt>牛奶</dt> <dd>冷飲</dd> </dl> </body> </html>
最后呈現(xiàn)的結(jié)果如圖：
定義列表需要使用 <dl>、<dt> 和 <dd> 標(biāo)簽：
（1）<dl> 是 definition list 的簡稱，表示定義列表。
（2）<dt> 是 definition term 的簡稱，表示定義術(shù)語，也就是我們說的標(biāo)題。
（3）<dd> 是 definition description 的簡稱，表示定義描述 。
可以認(rèn)為 <dt> 定義了一個概念（術(shù)語），<dd> 用來對概念（術(shù)語）進(jìn)行解釋。
注意：<dt> 和 <dd> 是同級標(biāo)簽，它們都是 <dl> 的子標(biāo)簽。一般情況下，每個 <dt> 搭配一個 <dd>，一個 <dl> 可以包含多對 <dt> 和 <dd>。
總結(jié)：列表標(biāo)簽
| 標(biāo)簽 | 描述 |
| <ol> | 定義有序列表。 |
| <ul> | 定義無序列表。 |
| <li> | 定義列表項。 |
| <dl> | 定義定義列表。 |
| <dt> | 定義定義項目。 |
| <dd> | 定義定義的描述。 |
C語言網(wǎng)提供由在職研發(fā)工程師或ACM藍(lán)橋杯競賽優(yōu)秀選手錄制的視頻教程，并配有習(xí)題和答疑，點擊了解：
一點編程也不會寫的：零基礎(chǔ)C語言學(xué)練課程
解決困擾你多年的C語言疑難雜癥特性的C語言進(jìn)階課程
從零到寫出一個爬蟲的Python編程課程
只會語法寫不出代碼？手把手帶你寫100個編程真題的編程百練課程
信息學(xué)奧賽或C++選手的 必學(xué)C++課程
藍(lán)橋杯ACM、信息學(xué)奧賽的必學(xué)課程：算法競賽課入門課程
手把手講解近五年真題的藍(lán)橋杯輔導(dǎo)課程