HTML 列表标签

• 列表标签，分为三大类：无序列表、有序列表、自定义列表
• 清除项目前的小圆点：list-style: none;

1. 无序列表 ul

• 无序列表 <ul> </ul>，列表项使用 <li> </li>
• 标签结构：

<ul>
    <li>列表项 1</li>
    <li>列表项 2</li>
    ...
</ul>

无序列表特点：
① 无序列表的各个列表项之间没有顺序级别之分，是并列的
② <ul> 中智能嵌套 <li> ，不允许输入其他标签或文字
③ <li> 相当于一个容器，可容纳所有元素

2. 有序列表 ol

• 有序列表 <ol> </ol>，列表项使用 <li> </li>
• 标签结构：

<ol>
    <li>列表项 1</li>
    <li>列表项 2</li>
    ...
</ol>

3. 自定义列表 dl

• 自定义列表 <dl> </dl> 与 <dt> </dt> 和 <dd> </dd> 一起使用
• 标签结构：

<dl>
    <dt>名词1</dt>
    <dd>名词1解释1</dd>
    <dd>名词1解释2</dd>
    ...
</dl>

应用场景：

自定义列表特点：
① <dl> 中只能包含 <dt> 和 <dd>
② <dt> 和 <dd> 没有个数限制，一个<dt> 对应多个 <dd>