列表分为有序列表、无序列表。还可以对列表进行自定义。<ul>
无序列表,<ol>
有序列表,<li>
列表项
1. 有序列表
使用标签<ol>
例:
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
有序列表还可以根据type属性展现不同的序号类型
type值 | 表现形式 |
---|---|
无 | 1 2 3 4 |
A | A B C D |
a | a b c d |
I | 大写罗马数字列表 |
i | 小写罗马数字列表 |
2.无序列表
使用标签<ul>
例:
<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul>
有序列表无序列表结果展示:
list.jpg3. 自定义列表项
自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以 <dl>
标签开始。每个自定义列表项以 <dt>
开始。每个自定义列表项的定义以 <dd>
开始。
注意: 在 HTML 4中 ul 属性已废弃,HTML5 已不支持该属性,因此使用 CSS 代替来定义不同类型的无序列表如下:
style值 | 表现形式 |
---|---|
list-style-type:disc | 原点列表 |
list-style-type:circle | 圆圈列表 |
list-style-type:square | 正方形列表 |
4.列表标签
标签 | 描述 |
---|---|
<ol> | 定义有序列表 |
<ul> | 定义无序列表 |
<li> | 定义列表项 |
<dl> | 定义列表 |
<dt> | 自定义列表项目 |
<dd> | 定义自定列表项的描述 |
网友评论