HTML清單
HTML?清單
HTML 支援有序、無(wú)序與定義清單:
HTML 清單
#先了解什麼是有序列表和無(wú)序列表?
先透過(guò)範(fàn)例來(lái)了解:
有序列表
1. ? ? 北京
2. ? ? 上海
3. ? ? 廣州
無(wú)序列表
·???????? ? 北京
· ? ? ? ? ?
##HTML無(wú)序列表
無(wú)序列表是一個(gè)項(xiàng)目的列表,此列項(xiàng)目使用粗體圓點(diǎn)(典型的小黑圓圈)進(jìn)行標(biāo)記。 無(wú)序列表使用<ul> 標(biāo)籤<html>
<head>
<meat charset="utf-8">
</head>
<body>
<ul>
<li>北京</li>
<li>上海</li>
<li>廣州</li>
</ul>
</body>
</html>
#HTML 有序列表
同樣,有序列表也是一列項(xiàng)目,清單項(xiàng)目使用數(shù)字進(jìn)行標(biāo)記。 有序列表始於 <ol> 標(biāo)籤。每個(gè)清單項(xiàng)目始於 <li> 標(biāo)籤。 清單項(xiàng)目項(xiàng)目使用數(shù)字來(lái)標(biāo)記。 <html>
<head>
<meat charset="utf-8">
</head>
<body>
<ol>
<li>北京</li>
<li>上海</li>
<li>廣州</li>
</ol>
</body>
</html>
HTML 自訂清單
#自訂清單不僅僅是一列項(xiàng)目,而是項(xiàng)目及其註解的組合。 自訂清單以 <dl> 標(biāo)籤開始。每個(gè)自訂清單項(xiàng)目以 <dt> 開始。每個(gè)自訂清單項(xiàng)目的定義以 <dd> 開始。 <html>
<head>
<meat charset="utf-8">
</head>
<body>
<dl>
<dt>北京</dt>
<dd> 政治中心</dd>
<dt>上海</dt>
<dd> 經(jīng)融中心</dd>
</dl>
</body>
</html>
#