列表标签

表格是用来显示数据的，那么列表标签就是用来布局的。

列表最大的特点就是整齐、整洁、有序，它作为布局会更加自由和方便。

根据使用情景不同，列表可以分为三大类：无序列表 有序列表和自定义列表

无序列表（重点）

< ul> 标签标示 HTML 页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用 < li>标签定义。

无序列表的基本语法结构如下：

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

1. 无序列表的各个列表项之间没有顺序级别之分，是并列的。
2. < ul> < /ul> 中只能嵌套 < li> < /li>,直接在< ul> < /ul>标签中输入其他标签或者文字的做法是不被允许的。
3. < li>与< /li>之间相当于一个容器，可以容纳所以元素。
4. 无序列表会带有自己的样式属性，但在实际使用是，我们会使用CSS来设置。

有序列表（理解）

有序列表既为有排序顺序的列表，其各个列表项会按照一定的顺序排序定义。

在HTML 标签中，< ol>标签用于定义有序列表，列表排序以数字来显示，并且使用 < li>标签来定义列表项。

有序列表的基本语法结构如下：

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

1. < ol> < /ol> 中只能嵌套 < li> < /li>,直接在< ol> < ol>标签中输入其他标签或者文字的做法是不被允许的。
2. < li>与< /li>之间相当于一个容器，可以容纳所以元素。
3. 有序列表会带有自己的样式属性，但在实际使用是，我们会使用CSS来设置。

自定义列表（重点）

使用场景：自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。

在HTML 标签中，< dl>标签用于定义描述列表（或定义列表），改标签会与< dt> （定义项目/名字）和< dd>（描述每一个项目/名字）一起使用

基本语法结构如下：

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

1. < dl>< /dl>里面只能含有< dt> 和< dd>。
2. < dt> 和< dd>个数没有限制，经常是一个< dt> 对应多个< dd>。

列表总结

标签名	定义	说明
< ul> < /ul>	无序列表	里面只能包含li 没有顺序，使用较多，li里面可以包含任何标签
< ol> < /ol>	有序列表	里面只能包含li 有顺序，使用较少，li里面可以包含任何标签
< dl> < /dl>	自定义列表	里面只能包含 dt 和 dd , dt和 dd里面可以包含任何标签