网页设计 列表项目解读.pptVIP

第 5 章 列表项目 第5章 列表项目 5.1 无序列表ul 5.2 有序列表ol 5.3 嵌套列表 5.4 定义列表dl/dt/dd 无序列表样本 无序列表（Unordered list）也称强调式列表，它是一种在表的各项前显示有特殊项目符号的列表。 定义无序列表需要使用无序列表标记符UL/UL和列表项（List item）标记符LI/LI（结束标记符可省略） 5.1 无序列表ul 1．格式： ul type=值 li项目符号 li项目符号 …… /ul 2．说明： ① 使用type属性来控制标号的类型，见表5.1 ② 在同一个无序列表中，下一个li的出现，就表明上一个列表项的结束。 无序列表ul 设定一个方形实心的行标号■ type=square 设定一个空心圆点的行标号○ type= circle 设定一个实心圆点的行标号●，默认项 type=disc 含义 type取值 无序列表的type属性表 无序列表示例 ulli奥运加油li中国加油 /ul ul type=squareli奥运加油li中国加油 /ul 有序列表（Ordered list）：也称数字式列表，它是一种在表的各项前显示有数字或字母的缩排列表。 5.2 有序列表ol 定义有序列表需要使用有序列表标记符OL/OL和列表项（List item）标记符LI/LI（结束标记符可省略），语法如下： 　ol type=值1 start=值2 li项目符号 li项目符号 …… /ol 有序列表的定义 ① 在同一个有序列表中，下一个li的出现，就表明上一个列表项的结束。 　 ② 顺序编号是由属性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属性表 有序列表示例 olli湖南li长沙理工大学 /ol ol type=ali湖南li长沙理工大学 /ol ol type=Ili湖南li长沙理工大学 /ol 定制列表元素 定制表中的标记 li type=# #=disk, circle, square 示例： ulli type=discONEli type=circleTWOli type=squareTHREE /ul 定制列表元素 定制有序列表表中的序号　　 li type=# #=A, a, I, i, 1 示例： olli type=AONE-ONEliONE-TWO /ol olli type=IONE-ONEliONE-TWO /ol 定制列表元素 定制有序列表表中的序号的起始值 　　　　ol start=# #=number 示例： ol start=5 li type=AONE-ONE liONE-TWO /ol 将一个列表嵌入另一个列表中，作为另一个列表的一部分，叫做嵌套列表。HTML可以用层层嵌套的方式来实现多层列表。 无论是有序列表还是无序列表的嵌套，浏览器都可以自动地分层排列。 5.3 嵌套列表 嵌套列表示例 ol liOne-One liOne-Two ul liTwo-One liTwo-Two ol liThree-One liThree-Two /ol/ul liOne-Three /ol