HTML之列表
在HTML标签中，分为有序列表和无序列表和自定义列表。其中有序列表使用<ol>(ordered list)标签，无序列表使用<ul>(unordered list)标签，自定义列表使用<dl>标签。它们都有闭合标签。
有序列表
有序列表由<ol>开始，每一个列表项由<li>包起来。
<ol>
<li>Coffee</li>
<li>Milk</li>
<li>Tea</li>
</ol>
以上的结果在浏览器上显示的效果就是这样：
1.Coffee
2.Milk
3.Tea
在列表项的内部可以使用段落（<p>），换行符（<br>），图片（<img>），链接（<a>）以及其它列表（<ol>,<ul>,<dl>）等等。
无序列表
无序列表由<ul>开始，每一个列表项也由<li>包起来。
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Tea</li>
<ul>
显示结果如下
- Coffee
- Milk
- Tea
它的内部也可以使用多种标签。
自定义列表
自定义列表不仅仅是一列项目，而是项目及其注释的组合。
自定义列表由<dl>开始，但每一个列表项由<dt>包起来，由<dd>来描述列表中的项目。
<dl> <dt>Coffee</dt> <dd>Coffee is hot</dd> <dt>Milk</dt> <dt>Tea</dt> </dl>
显示效果
Coffee
Coffee is hot
Milk
Tea
各种列表标签的属性
<ol>
| 属性 | 值 | 描述 |
|---|---|---|
| compact | compact | 规定列表呈现的效果比正常情况更小巧。（HTML5中不支持，HTML4.01中不赞成使用）（所有主流浏览器都不支持compact属性，想要更改列表的样子尽量使用样式来更改。） |
| reversed | reversed | 规定列表顺序为降序 |
| start | number | 规定有序列表的起始值 |
| type | 1,A,a,I（大写的i）,i | 规定在列表中使用的标记类型 |
对于type，给一个实例：
当我们设定type属性为1时。
1.Coffee
2.Milk
3.Tea
当我们设定type为I时。
I.Coffee
II.Milk
III.Tea
A,a,i也是如此。
<ul>
| 属性 | 值 | 描述 |
|---|---|---|
| compact | compact | 规定列表呈现的效果比正常情况更小巧。（同ol的compact属性） |
| type | disc，square，circle | 规定列表的项目符号的类型。但不赞成使用。想要更改前面的符号请使用样式。 |
当我们想要更改无序列表的前符号时，我们可以通过css的{list-style-type: circle|square;}来更改。
- <dl>
dl比较特殊，它没有特定的属性，可以使用css来更改它的样式。但是我们要注意，<dt>和<dd>是同级标签，不可以嵌套使用。
- <li>
讲了这么多，我们再来看看表中的<li>标签。
| 属性 | 值 | 描述 |
|---|---|---|
| type | A,a,I,i,1,disc,square,circle | 规定使用哪种项目符号，但不赞成使用，尽量使用样式代替它。 |
| value | number | 规定列表项目的数字。不赞成使用，尽量使用样式代替它。 |
嵌套列表
当我们想在一个项目清单中列出某项的子类清单，便要用到列表的嵌套。原理十分简单，只需要搞清嵌套关系（用一个<li>来嵌套新的<ul>或<ol>，不要套错了，就可以显示出你想要的样子了！
例如下面这段代码
<ul> <li>Coffee</li> <li>Tea <ul> <li>Red Tea</li> <li>Green Tea</li> </ul> </li> <li>Milk</li> </ul>
显示效果如下
- Coffee
- Tea
- Red Tea
- Green Tea
- Milk
（在html中会显示空心圆而非实心）
