HTML 列表详解
1.有序列表
有序列表是编号列表，用于对网页中的某些内容进行编号排列，以便使读者清晰地了解每行的顺序。在HTML中插入有序列表是通过<ol>和<li>标签来实现的。首标签<ol>和尾标签</ol>之间的内容是有序列表的内容，列表的每一项必包括在<li>与</li>之间。
有序列表的语法格式如下：
<ol>
<li>列表项1</li>
<li>列表项2</li>
………
<li>列表项n</li>
</ol>
说明：<ol>标签有两个属性：type和start，type属性用于指定数字编号的样式。start属性用于指定起始编号，如不设start属性，默认使用阿拉伯数字，从1开始。
type属性和start属性的取值及含义如下：
type="1" start="10" 编号用阿拉伯数字，从阿拉伯数字10开始
type="a" start="b" 编号用小写英文字母，从小写字母b开始
type="A" start="K" 编号用大写英文字母，从大写字母K开始
type="i" 编号用小写罗马数字
type="I" 编号用大写罗马数字
例题：有序列表练习
<html>
<head><title>有序列表练习<title><head>
<body>
<ol type="A">
<li><font color="#0000ff" size="4" face="宋体">树上的鸟儿是喧闹的</font></li>
<li><font color="#0000ff" size="4" face="宋体">水里的鱼儿是沉默的</font></li>
<li><font color="#0000ff" size="4" face="宋体">天上的云儿是漂泊的</font></li>
<li><font color="#0000ff" size="4" face="宋体">地上的人儿是孤独的</font></li>
</ol>
<body>
</html>
2.有序列表
无序列表是项目列表，列表内容可以按任意顺序排列。列表项前不是用连续编号而是用一个特定符号来标记，通常是在每一列表项前加上一个圆点儿。无序列表与有序列表的实现方法很相似，只是用标记<ul>来代替有序列表中的<ol>。
无序列表的语法格式如下：
<ul>
<li>列表项1</li>
<li>列表项2</li>
………
<li>列表项n</li>
</ul>
说明：<ul>标签有type属性，用于设置项目符号类型，属性值有如下3种：
type="disc" 设置项目符号样式为圆点。
type="circle" 设置项目符号样式为圆圈。
type="square" 设置项目符号样式为矩形。
例题：无序列表练习
<html>
<head><title>无序列表练习</title></head>
<body>
<ul type="square">
<li><font color="#0000ff" size="4" face="宋体">树上的鸟儿是喧闹的</font></li>
<li><font color="#0000ff" size="4" face="宋体">水里的鱼儿是沉默的</font></li>
<li><font color="#0000ff" size="4" face="宋体">天上的云儿是漂泊的</font></li>
<li><font color="#0000ff" size="4" face="宋体">地上的人儿是孤独的</font></li>
</ul>
</body>
</html>
3.定义列表
定义列表用于对清单条目进行简短说明，首标签<dl>和尾标签</dl>之间是列表内容，列表项目用标签<dt>引导，列表项目的说明用标签<dd>引导。通常<dt>和<dd>是一起出现的。一个列表项目可以对应一个说明项，也可以对应多个说明项。
定义列表中每个列表项有一个缩进的说明项，与字典的编排有相同的格式，所以又称为“字典列表”。
定义列表的语法格式如下：
<dl>
<dt>列表项目1</dt>
<dd>说明1</dd>
<dd>说明2</dd>
………
<dt>列表项目2</dt>
<dd>说明1</dd>
<dd>说明2</dd>
………
………
</dl>
例题：定义列表练习
<html>
<head><title>定义列表练习</title></head>
<body>
<font color="#0000ff" size=4 face="黑体">计算机网络的分类</font>
<dl>
<dt><font color="#ff0000" size=2 face="宋体">局域网</font></dt>
<dd><font color="#ff0000" size=2 face="宋体">LAN(LOcal Area Network)</font></dd>
<dd><font color="#ff0000" size=2 face="宋体">小区域内使用，成本低易管理</font></dd>
</dl>
<dl>
<dt><font color="#ff0000" size=2 face="宋体">广域网</font></dt>
<dd><font color="#ff0000" size=2 face="宋体">WAN(Wide Arae Network)</font></dd>
<dd><font color="#ff0000" size=2 face="宋体">Internet就是典型的广域网</font></dd>
</dl>
<dl>
<dt><font color="#ff0000" size=2 face="宋体">城域网</font></dt>
<dd><font color="#ff0000" size=2 face="宋体">MAN(Metropolitan Area Network)</font></dd>
<dd><font color="#ff0000" size=2 face="宋体">覆盖地理范围介于局域网和广域网之间</font></dd>
</dl>
</body>
</html>
