列表分為有序列表糙俗、無序列表。還可以對(duì)列表進(jìn)行自定義预鬓。<ul>
無序列表,<ol>
有序列表赊颠,<li>
列表項(xiàng)
1. 有序列表
使用標(biāo)簽<ol>
例:
<ol>
<li>第一項(xiàng)</li>
<li>第二項(xiàng)</li>
<li>第三項(xiàng)</li>
</ol>
有序列表還可以根據(jù)type屬性展現(xiàn)不同的序號(hào)類型
type值 | 表現(xiàn)形式 |
---|---|
無 | 1 2 3 4 |
A | A B C D |
a | a b c d |
I | 大寫羅馬數(shù)字列表 |
i | 小寫羅馬數(shù)字列表 |
2.無序列表
使用標(biāo)簽<ul>
例:
<ul>
<li>第一項(xiàng)</li>
<li>第二項(xiàng)</li>
<li>第三項(xiàng)</li>
</ul>
有序列表無序列表結(jié)果展示:
list.jpg
3. 自定義列表項(xiàng)
自定義列表不僅僅是一列項(xiàng)目格二,而是項(xiàng)目及其注釋的組合。
自定義列表以 <dl>
標(biāo)簽開始竣蹦。每個(gè)自定義列表項(xiàng)以 <dt>
開始顶猜。每個(gè)自定義列表項(xiàng)的定義以 <dd>
開始。
注意: 在 HTML 4中 ul 屬性已廢棄痘括,HTML5 已不支持該屬性长窄,因此使用 CSS 代替來定義不同類型的無序列表如下:
style值 | 表現(xiàn)形式 |
---|---|
list-style-type:disc | 原點(diǎn)列表 |
list-style-type:circle | 圓圈列表 |
list-style-type:square | 正方形列表 |
4.列表標(biāo)簽
標(biāo)簽 | 描述 |
---|---|
<ol> | 定義有序列表 |
<ul> | 定義無序列表 |
<li> | 定義列表項(xiàng) |
<dl> | 定義列表 |
<dt> | 自定義列表項(xiàng)目 |
<dd> | 定義自定列表項(xiàng)的描述 |