第 5章 列表项目
5.1 无序列表 ul
5.2 有序列表 ol
5.3 嵌套列表
5.4 描述性列表 dl/dt/dd
? 无序列表（ Unordered list）也称强调式列
表，它是一种在表的各项前显示有特殊
项目符号的列表。
5.1 无序列表 ul
示例
?定义无序列表需要使用无序列表标记符
<UL></UL>和列表项（ List item）标记符 <LI></LI>
（结束标记符可省略），语法如下,
1．格式,
<ul type=值 >
<li>项目符号
<li>项目符号
<li>项目符号
……
</ul>
2．说明,
① 使用 type属性来控制标号的类型，见表 5.1
② 在同一个无序列表中，下一个 <li>的出现，就表明上一个列表项的结束。
无序列表的 type属性表
设定一个方形实心的行标号■ type=square
设定一个空心圆点的行标号○ type= circle
设定一个实心圆点的行标号●，默认项 type=disc
含义 type取值
5.2 有序列表 ol
?有序列表（ Ordered list）：也称数字式列表
，它是一种在表的各项前显示有数字或字母
的缩排列表。
示例 Ordered list
? 定义有序列表需要使用有序列表标记符
<OL></OL>和列表项（ List item）标
记符 <LI></<LI>（结束标记符可省略），
语法如下,
<ol type=值 1 start=值 2>
<li>项目符号
<li>项目符号
<li>项目符号
……
</ol>
2．说明,
① 在同一个有序列表中，下一个 <li>的出现，
就表明上一个列表项的结束。
② 顺序编号是由属性 type和 start来设置的。
type表示标号的类型，比如数字、字母以及罗马字
母； start属性表示列表清单的标号从第几项开始
表 5.2列出了 type属性的取值及含义。
例如,type=1,start=1表示有序列表的序号类型
为数字，序号从 1开始。
有序列表的 TYPE属性表
表示列表项用小写罗马字母标号（ I,II,III… ） type=I
表示列表项用大写罗马字母标号（ i,ii,iii… ） type=i
表示列表项用小写字母标号（ a,b,c… ） type=a
表示列表项用大写字母标号（ A,B,C… ） type=A
表示列表项用数字标号（ 1,2,3… ），默认项 type=1
含义 type取值
将一个列表嵌入另一个列表中，作为另
一个列表的一部分，叫做嵌套列表。 HTML可以
用层层嵌套的方式来实现多层列表。
无论是有序列表还是无序列表的嵌套，
浏览器都可以自动地分层排列。
5.3 嵌套列表
示例 有序列嵌套示例
描述性列表允许比较复杂的列表说明，不只可以分项说
明，还可以针对每一个小项目再加以说明。
1．格式,
<dl>
<dt>项目 1
<dd>项目 1的说明 1
……
<dt>项目 2
<dd>项目 2的说明 1
……
</dl>
5.4 描述性列表 dl/dt/dd
示例
2．说明,
① 首标签 <dl>和尾标签 </dl>之间的内容就
是描述性列表的内容，由一系列用描述项标签 <dt>
或解释项标签 <dd>标识的列表项组成。
② <dt>和 <dd>标签都是单独标签，位于列表
项的开头，分别表示该项是描述项和解释项。
③ <dt>和 <dd>标签通常是成对出现的，即一
个描述项对应于一个解释项。一个描述项也可以对
应于几个解释项，但最好不要出现几个描述项对应
于同一个解释项的情况。
④ 在显示时，解释项的内容会自动缩进一定
的距离，使列表的结构更加清晰。