1、1编辑ppt第5章 列表项目 5.1 无序列表ul5.2 有序列表ol5.3 嵌套列表5.4 描述性列表dl/dt/dd 2编辑ppt无序列表（无序列表（Unordered list）也称强）也称强调式列表，它是一种在表的各项前调式列表，它是一种在表的各项前显示有特殊项目符号的列表。显示有特殊项目符号的列表。定义无序列表需要使用无序列表标定义无序列表需要使用无序列表标记符记符和列表项（和列表项（List item）标记符）标记符（结束标记（结束标记符可省略）符可省略）5.1 无序列表ul3编辑ppt 1格式：格式：项目符号项目符号 项目符号项目符号 2说明：说明：使用使用type属性来控制标号
2、的类型，见表属性来控制标号的类型，见表5.1 在同一个无序列表中，下一个在同一个无序列表中，下一个的出的出现，就表明上一个列表项的结束。现，就表明上一个列表项的结束。无序列表语法无序列表语法4编辑ppt无序列表的无序列表的typetype属性表属性表设定一个方形实心的行标号设定一个方形实心的行标号 type=square 设定一个空心圆点的行标号设定一个空心圆点的行标号 type=circle 设定一个实心圆点的行标号，设定一个实心圆点的行标号，默认项默认项 type=disc 含义含义 type取值取值 5编辑ppt无序列表示例TodayTommorow TodayTommorow 6编辑p
3、pt5.2 5.2 有序列表有序列表olol 有序列表（有序列表（Ordered list）：也称）：也称数字式列表数字式列表，它是一种在表的各项前，它是一种在表的各项前显示有数字或字母的缩排列表。显示有数字或字母的缩排列表。7编辑ppt定义有序列表需要使用有序列表标记符定义有序列表需要使用有序列表标记符和列表项（和列表项（List item）标记）标记符符/（结束标记符可省略），（结束标记符可省略），语法如下：语法如下：项目符号项目符号 项目符号项目符号 有序列表的定义有序列表的定义8编辑ppt 2说明：说明：在同一个有序列表中，下一个在同一个有序列表中，下一个的出的出现，就表明上一个列表项
4、的结束。现，就表明上一个列表项的结束。顺序编号是由属性顺序编号是由属性type和和start来设置的。来设置的。type表示标号的类型，比如数字、字母以及表示标号的类型，比如数字、字母以及罗马字母；罗马字母；start属性表示列表清单的标号从属性表示列表清单的标号从第几项开始第几项开始表表5.2列出了列出了type属性的取值及含义。属性的取值及含义。9编辑ppt有序列表的有序列表的TYPETYPE属性表属性表表示列表项用小写罗马字母标号（表示列表项用小写罗马字母标号（I，II，III）type=I 表示列表项用大写罗马字母标号（表示列表项用大写罗马字母标号（i，ii，iii）type=i 表示
5、列表项用小写字母标号（表示列表项用小写字母标号（a,b,c）type=a 表示列表项用大写字母标号（表示列表项用大写字母标号（A，B，C）type=A 表示列表项用数字标号（表示列表项用数字标号（1，2，3），默认项），默认项 type=1 含义含义 type取值取值 10编辑ppt有序列表示例TodayTommorow TodayTommorow TodayTommorow 11编辑ppt定制列表元素定制列表元素 定制表中的标记定制表中的标记#=disk,circle,square 示例：示例：ONETWOTHREE 12编辑ppt定制列表元素定制有序列表表中的序号定制有序列表表中的序号#=
6、A,a,I,i,1 示例：示例：ONE-ONEONE-TWO ONE-ONEONE-TWO13编辑ppt定制列表元素定制有序列表表中的序号的起始值定制有序列表表中的序号的起始值#=number 示例：示例：ONE-ONE ONE-TWO TWO-ONE TWO-TWO 14编辑ppt 将一个列表嵌入另一个列表中，作为将一个列表嵌入另一个列表中，作为另一个列表的一部分，叫做另一个列表的一部分，叫做嵌套列表嵌套列表。HTMLHTML可以用层层嵌套的方式来实现多层列可以用层层嵌套的方式来实现多层列表。表。无论是有序列表还是无序列表的嵌套，无论是有序列表还是无序列表的嵌套，浏览器都可以自动地分层排列浏
7、览器都可以自动地分层排列。5.3 5.3 嵌套列表嵌套列表15编辑ppt嵌套列表示例ONE-ONEONE-TWO TWO-ONE TWO-TWO TWO-ONE TWO-TWO16编辑ppt 描述性列表允描述性列表允许比较复杂的列许比较复杂的列表说明，不只可表说明，不只可以分项说明，还以分项说明，还可以针对每一个可以针对每一个小项目再加以说小项目再加以说明。明。5.4 5.4 描述性列表描述性列表dl/dt/dddl/dt/dd1格式：格式：项目项目1 项目项目1的说明的说明1 项目项目2 项目项目2的说明的说明1 17编辑ppt 2 2说明：说明：首标签首标签和尾标签和尾标签之间的内容就是描
8、之间的内容就是描述性列表的内容，由一系列用描述项标签述性列表的内容，由一系列用描述项标签或解或解释项标签释项标签标识的列表项组成。标识的列表项组成。和和标签都是单独标签，位于列表项标签都是单独标签，位于列表项的开头，分别表示该项是的开头，分别表示该项是描述项描述项和和解释项解释项。和和标签通常是标签通常是成对出现成对出现的，即一个的，即一个描述项对应于一个解释项。一个描述项也可以对应描述项对应于一个解释项。一个描述项也可以对应于几个解释项，但最好不要出现几个描述项对应于于几个解释项，但最好不要出现几个描述项对应于同一个解释项的情况。同一个解释项的情况。在显示时，解释项的内容会自动缩进一定的在显示时，解释项的内容会自动缩进一定的距离，使列表的结构更加清晰。距离，使列表的结构更加清晰。18编辑ppt描述性列表示例TodayToday is yesterday.TomorrowTomorrow is today.19编辑ppt本章结束20编辑ppt
