文档详情

网页设计列表项目

新**
实名认证
店铺
PPT
293.49KB
约21页
文档ID:607381348
网页设计列表项目_第1页
1/21

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第 5 章 列表项目,第5章 列表项目,5.1,无序列表,ul,5.2,有序列表,ol,5.3,嵌套列表,5.4,定义列表,dl/dt/dd,无序列表样本,无序列表(Unordered list)也称强调式列表,它是一种在表的各项前显示有特殊项目符号的列表定义无序列表需要使用无序列表标记符和列表项(List item)标记符(结束标记符可省略),5.1 无序列表ul,1,格式:,项目符号,项目符号,2,说明:,使用,type,属性来控制标号的类型,见表,5.1,在同一个无序列表中,下一个,的出现,就表明上一个列表项的结束无序列表ul,设定一个方形实心的行标号,type=square,设定一个空心圆点的行标号,type=circle,设定一个实心圆点的行标号,默认项,type=disc,含义,type,取值,无序列表的type属性表,无序列表示例,奥运加油中国加油,奥运加油中国加油,有序列表(,Ordered list,):也称,数字式列表,,它是一种在表的各项前显示有数字或字母的缩排列表。

5.2 有序列表ol,定义有序列表需要使用有序列表标记符和列表项(List item)标记符(结束标记符可省略),语法如下:,项目符号,项目符号,有序列表的定义,在同一个有序列表中,下一个,的出现,就表明上一个列表项的结束顺序编号是由属性,type,和,start,来设置的type,表示标号的类型,比如数字、字母以及罗马字母;,start,属性表示列表清单的标号从第几项开始,表,5.2,列出了,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,取值,有序列表的TYPE属性表,有序列表示例,湖南长沙理工大学,湖南长沙理工大学,湖南长沙理工大学,定制列表元素,定制表中的标记#=disk,circle,square,示例:,ONETWOTHREE,定制列表元素,定制有序列表表中的序号,#=A,a,I,i,1,示例:,ONE-ONEONE-TWO,ONE-ONEONE-TWO,定制列表元素,定制有序列表表中的序号的起始值,#=number,示例:,ONE-ONE,ONE-TWO,将一个列表嵌入另一个列表中,作为另一个列表的一部分,叫做,嵌套列表,。

HTML,可以用层层嵌套的方式来实现多层列表无论是有序列表还是无序列表的嵌套,,浏览器都可以自动地分层排列,5.3 嵌套列表,嵌套列表示例,One-One,One-Two,Two-One,Two-Two,Three-One,Three-Two,One-Three,定义列表,(Definition List),允许比较复杂的列表说明,不只可以分项说明,还可以针对每一个小项目再加以说明1,格式:,项目,1,项目,1,的说明,1,项目,2,项目,2,的说明,1,5.4 定义列表dl/dt/dd,首标签,和尾标签,之间的内容就是描述性列表的内容,由一系列用描述项标签,或解释项标签,标识的列表项组成和,标签都是单独标签,位于列表项的开头,分别表示该项是,描述项,和,解释项,和,标签通常是,成对出现,的,即一个描述项对应于一个解释项一个描述项也可以对应于几个解释项,但最好不要出现几个描述项对应于同一个解释项的情况在显示时,解释项的内容会自动缩进一定的距离,使列表的结构更加清晰说明:,定义列表示例,定义列表(Definition List):,野生动物,所有非经人工饲养而生活于自然环境下的各种动物宠物,指猫、狗以及其它供玩赏、陪伴、领养、饲养的动物,又称作同伴动物。

下载提示
相似文档
正为您匹配相似的精品文档
相关文档