HTML列表
HTML?列表
HTML 支持有序、無(wú)序和定義列表:
HTML 列表
先了解一下什么是有序列表和無(wú)序列表?
先通過(guò)例子了解一下:
有序列表
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)簽開(kāi)始。每個(gè)自定義列表項(xiàng)以 <dt> 開(kāi)始。每個(gè)自定義列表項(xiàng)的定義以 <dd> 開(kāi)始。
<html> <head> <meat charset="utf-8"> </head> <body> <dl> <dt>北京</dt> <dd> 政治中心</dd> <dt>上海</dt> <dd> 經(jīng)融中心</dd> </dl> </body> </html>