列表元素:
列表是块级元素,HTML 包含专门用于创建列表的元素,共有 3 种类型的列表,分别是无序列表、有序列表、描述列表。
可以在一个列表中其他另外一个或者多个列表,并且,一种类型的列表可以与任意类型的列表相互嵌套。列表的表项可以与任何HTML元素(如段落、图片、链接等)交叉定义。
所有的列表都是由父元素和子元素构成,父元素用于指定要创建的列表类型,子元素用于指定要创建的列表项。
元素名 | 用法 | 批注 |
ul | 无序列表 | 列表项目符号类型用css配置 |
ol | 有序列表 | 可使用type属性指定列表排序符号,start属性确定起始值,reversed属性设置属性值为reversed配置降序 |
li | 有序列表和无序列表的列表项 | 无 |
dl | 描述列表 | 无 |
dt | 描述列表的描述对象 | 无 |
dd | 描述列表的描述内容 | 无 |
三种列表的基本结构:
无序列表:
~~
<ul>
<li></li>
<li></li>
<li></li>
</ul>
~~
有序列表:
~~
<ul>
<li></li>
<li></li>
<li></li>
</ul>
~~
描述列表:
~~
<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
~~
补充:
1.有序列表的类型属性
属性值 | 符号 |
1 | 数字 |
A | 大写字母 |
a | 小写字母 |
I | 罗马数字 |
2.无序列表的类型属性
属性值 | 符号 |
disc | 默认。实心圆 |
circle | 空心圆 |
square | 实心方块 |
decimal | 数字 |