HTML列表說明
說明清單，它由名稱 - 值組，並且被稱為前HTML5一個定義列表。 說明列表用於的“術語和定義，元數據的話題和價值觀，問題和答案，或名稱值數據的任何其他組”的群體。
DL在HTML標籤的存在與HTML 2.0規範; 仍是當前。
一個無序列表和HTML有序列表的例子：
無序列表：
- 項目
- 項目
- 項目
- 項目
有序列表：
- 第一項
- 第二項
- 第三項
- 第四個項目
無序HTML列表
一個無序列表開始與<ul>標籤。 每個列表項開始與<li>標記。
列表項將子彈標記(small black circles) ：
無序HTML列表-的Style屬性
甲style屬性可被添加到一個無序列表 ，以限定所述標記物的式：
| 樣式 | 描述 |
|---|---|
| list-style-type:disc | 該列表中的項目將標有子彈(default) |
| list-style-type:circle | 該列表項目將被打上圈 |
| list-style-type:square | 該列表中的項目將被標記為正方形 |
| list-style-type:none | 該列表中的項目將不會被標記 |
有序HTML列表
有序列表開始與<ol>標記。 每個列表項開始與<li>標記。
該列表項目將被打上編號：
有序HTML列表-該Type屬性
甲type屬性可被添加到有序列表 ，以限定所述標記物的類型：
| 類型 | 描述 |
|---|---|
| type="1" | 列表項將帶有數字編號(default) |
| type="A" | 該列表中的項目將用大寫字母編號 |
| type="a" | 列表項將與小寫字母編號 |
| type="I" | 列表項將與大寫羅馬數字編號 |
| type="i" | 列表項將與小寫羅馬數字編號 |
HTML說明列出
HTML還支持描述列表。
說明列表項的列表，每個學期的描述。
所述<dl>標籤定義的描述列表，則<dt>標籤定義的術語(name) ，和<dd>標籤描述了每個術語：
例
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl> 試一試» 嵌套的HTML列表
列表可以嵌套(lists inside lists) ：
例
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul> 試一試» 列表項目可以包含新的列表，以及其他HTML元素，如圖像和鏈接等。
水平列出
HTML列表可以與CSS許多不同的方式來稱呼。
一種流行的方式，就是樣式列表進行橫向顯示：
例
<!DOCTYPE html>
<html>
<head>
<style>
ul#menu li {
display:inline;
}
</style>
</head>
<body>
<h2>Horizontal List</h2>
<ul id="menu">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>PHP</li>
</ul>
</body>
</html> 試一試» 隨著一點點額外的樣式，你可以把它看起來像一個菜單：
例
ul#menu {
padding: 0;
}
ul#menu li {
display: inline;
}
ul#menu li a {
background-color: black;
color: white;
padding: 10px 20px;
text-decoration: none;
border-radius: 4px 4px 0 0;
}
ul#menu li a:hover {
background-color: orange;
} 試一試» 章節總結
- 使用HTML <ul>元件，以限定一個無序列表
- 使用HTML style屬性來定義項目符號樣式
- 使用HTML <ol>元素來定義的有序列表
- 使用HTML type屬性來定義的編號類型
- 使用HTML <li>元素定義一個列表項
- 使用HTML <dl>元素來定義的描述列表
- 使用HTML <dt>元素來定義的描述術語
- 使用HTML <dd>元素來定義描述數據
- 列表可以嵌套在列表
- 列表項目可以包含其他HTML元素
- 使用CSS屬性顯示：內聯到橫向顯示一個列表
測試自己與練習！
HTML標籤列表
| 標籤 | 描述 |
|---|---|
| <ul> | 定義無序列表 |
| <ol> | 定義有序列表 |
| <li> | 定義列表項 |
| <dl> | 定義描述列表 |
| <dt> | 定義一個描述列表術語 |
| <dd> | 定義描述的描述列表 |