当前位置:高等教育资讯网  >  中国高校课件下载中心  >  大学文库  >  浏览文档

《网页设计语言教程》第5章 列表项目

资源类别:文库,文档格式:PPT,文档页数:11,文件大小:111KB,团购合买
5.1无序列表ul 5.2有序列表o 5.3嵌套列表 5.4描述性列表dl/dt/dd
点击下载完整版文档(PPT)

第5章列表项目 5.1无序列表u 5.2有序列表o 5.3嵌套列表 5.4描述性列表dl/dt/dd

第5章 列表项目 5.1 无序列表ul 5.2 有序列表ol 5.3 嵌套列表 5.4 描述性列表dl/dt/dd

示例 5.1无序列表u 无序列表( Unordered list)也称强调式列 表,它是一种在表的各项前显示有特殊 项目符号的列表

• 无序列表(Unordered list)也称强调式列 表,它是一种在表的各项前显示有特殊 项目符号的列表。 5.1 无序列表ul 示例

定义无序列表需要使用无序列表标记符 和列表项( List item)标记符项目符号 项目符号 |i>项目符号 2.说明: ①使用type属性来控制标号的类型,见表5 ②在同一个无序列表中,下一个的出现,就表明上一个列表项的结束

•定义无序列表需要使用无序列表标记符 和列表项(List item)标记符 (结束标记符可省略),语法如下: 1.格式: 项目符号 项目符号 项目符号 …… 2.说明: ① 使用type属性来控制标号的类型,见表5.1 ② 在同一个无序列表中,下一个的出现,就表明上一个列表项的结束

无序列表的type属性表 type取值 含义 type=disc 设定一个实心圆点的行标号●,默认项 type= circle 设定一个空心圆点的行标号○ type=square 设定一个方形实心的行标号■

无序列表的type属性表 type=square 设定一个方形实心的行标号■ type= circle 设定一个空心圆点的行标号○ type=disc 设定一个实心圆点的行标号●,默认项 type取值 含义

示例 Ordered list 5.2有序列表o 有序列表( Ordered list):也称数字式列表 ,它是一种在表的各项前显示有数字或字母 的缩排列表

5.2 有序列表ol •有序列表(Ordered list):也称数字式列表 ,它是一种在表的各项前显示有数字或字母 的缩排列表。 示例 Ordered list

·定义有序列表需要使用有序列表标记符 oL>和列表项( List iten)标 记符(结東标记符可省略), 语法如下: 项目符号 项目符号 项目符号

• 定义有序列表需要使用有序列表标记符 和列表项(List item)标 记符(结束标记符可省略), 语法如下: 项目符号 项目符号 项目符号 ……

说明: ①在同一个有序列表中,下一个的出现, 就表明上一个列表项的结束。 ②顺序编号是由属性type和 start来设置的。 type表示标号的类型,比如数字、字母以及罗马字 母; start属性表示列表清单的标号从第几项开始 表5.2列出了type属性的取值及含义。 例如,type=1, start=1表示有序列表的序号类型 为数字,序号从1开始

2.说明: ① 在同一个有序列表中,下一个的出现, 就表明上一个列表项的结束。 ② 顺序编号是由属性type和start来设置的。 type表示标号的类型,比如数字、字母以及罗马字 母;start属性表示列表清单的标号从第几项开始 表5.2列出了type属性的取值及含义。 例如,type=1,start=1表示有序列表的序号类型 为数字,序号从1开始

有序列表的TYPE属性表 type取值 含义 type=l 表示列表项用数字标号(1,2,3.),默认项 type=A 表示列表项用大写字母标号(A,B,C…) type=a 表示列表项用小写字母标号(a,b,c…) type=i 表示列表项用大写罗马字母标号(i,i,i) type=l 表示列表项用小写罗马字母标号(I,Ⅲ,Ⅲ.)

有序列表的TYPE属性表 type=I 表示列表项用小写罗马字母标号(I,II,III…) type=i 表示列表项用大写罗马字母标号(i,ii,iii…) type=a 表示列表项用小写字母标号(a,b,c…) type=A 表示列表项用大写字母标号(A,B,C…) type=1 表示列表项用数字标号(1,2,3…),默认项 type取值 含义

示例 有序列嵌套示例 53嵌套列表 将一个列表嵌入另一个列表中,作为另 一个列表的一部分,叫做嵌套列表。HTML可以 用层层嵌套的方式来实现多层列表。 无论是有序列表还是无序列表的嵌套, 浏览器都可以自动地分层排列

将一个列表嵌入另一个列表中,作为另 一个列表的一部分,叫做嵌套列表。HTML可以 用层层嵌套的方式来实现多层列表。 无论是有序列表还是无序列表的嵌套, 浏览器都可以自动地分层排列。 5.3 嵌套列表 示例 有序列嵌套示例

示例 5.4描述性列表d/dt/dd 描述性列表允许比较复杂的列表说明,不只可以分项说 明,还可以针对每一个小项目再加以说明。 1.格式: 项目1 项目1的说明1 项目2 项目2的说明1

描述性列表允许比较复杂的列表说明,不只可以分项说 明,还可以针对每一个小项目再加以说明。 1.格式: 项目1 项目1的说明1 …… 项目2 项目2的说明1 …… 5.4 描述性列表dl/dt/dd 示例

点击下载完整版文档(PPT)VIP每日下载上限内不扣除下载券和下载次数;
按次数下载不扣除下载券;
24小时内重复下载只扣除一次;
顺序:VIP每日次数-->可用次数-->下载券;
共11页,试读已结束,阅读完整版请下载
相关文档

关于我们|帮助中心|下载说明|相关软件|意见反馈|联系我们

Copyright © 2008-现在 cucdc.com 高等教育资讯网 版权所有