文档介绍:第5章列表项目
无序列表ul
有序列表ol
嵌套列表
描述性列表dl/dt/dd
无序列表(Unordered list)也称强调式列表,它是一种在表的各项前显示有特殊项目符号的列表。
无序列表ul
示例
定义无序列表需要使用无序列表标记符<UL></UL>和列表项(List item)标记符<LI></LI>(结束标记符可省略),语法如下:
:
<ul type=值>
<li>项目符号
<li>项目符号
<li>项目符号
……
</ul>
:
①使用type属性来控制标号的类型,
②在同一个无序列表中,下一个<li>的出现,就表明上一个列表项的结束。
无序列表的type属性表
设定一个方形实心的行标号■
type=square
设定一个空心圆点的行标号○
type= circle
设定一个实心圆点的行标号●,默认项
type=disc
含义
type取值
有序列表ol
有序列表(Ordered list):也称数字式列表,它是一种在表的各项前显示有数字或字母的缩排列表。
示例
Ordered list
定义有序列表需要使用有序列表标记符<OL></OL>和列表项(List item)标记符<LI></<LI>(结束标记符可省略),语法如下:
<ol type=值1 start=值2>
<li>项目符号
<li>项目符号
<li>项目符号
……
</ol>
:
①在同一个有序列表中,下一个<li>的出现,就表明上一个列表项的结束。
②顺序编号是由属性type和start来设置的。type表示标号的类型,比如数字、字母以及罗马字母;start属性表示列表清单的标号从第几项开始
。
例如,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可以用层层嵌套的方式来实现多层列表。
无论是有序列表还是无序列表的嵌套,浏览器都可以自动地分层排列。
嵌套列表
示例
有序列嵌套示例
描述性列表允许比较复杂的列表说明,不只可以分项说明,还可以针对每一个小项目再加以说明。
:
<dl>
<dt>项目1
<dd>项目1的说明1
……
<dt>项目2
<dd>项目2的说明1
……
</dl>
描述性列表dl/dt/dd
示例