列表是块级元素,HTML 包含专门用于创建列表的元素,共有 3 种类型的列表,分别是无序列表、有序列表、描述列表。
元素名 | 用法 | 批注 |
ul | 无序列表 | 列表项目符号类型用css配置 |
ol | 有序列表 | 可使用type属性指定列表排序符号,start属性确定起始值,reversed属性设置属性值为reversed配置降序 |
li | 有序列表和无序列表的列表项 | 无 |
dl | 描述列表 | 无 |
dt | 描述列表的描述对象 | 无 |
dd | 描述列表的描述内容 | 无 |
基本结构:
无序列表:
<ul>
<li>张三</li>
<li>李四</li>
<li>王五</li>
</ul>
1.有序列表的类型属性
属性值 | 符号 |
1 | 数字 |
A | 大写字母 |
a | 小写字母 |
I | 罗马数字 |
有序列表:
<ol>
<li>A</li>
<li>B</li>
<li>C</li>
</ol>
2.无序列表的类型属性
属性值 | 符号 |
disc | 默认,实心圆 |
circle | 空心圆 |
square | 实心方块 |
decimal | 数字 |
自定义列表:
<dl>
<dt>水果00</dt>
<dd>香蕉</dd>
</dl>