第5章 列表项目解析.pptVIP

* 第5章 列表项目 5.1 无序列表ul 5.2 有序列表ol 5.3 嵌套列表 5.4 描述性列表dl/dt/dd 下一页 5.1 无序列表ul 无序列表标签ul是用于说明文件中需要列表的某些成分，可以任意顺序显示出来。 1．格式： ul type=值 li项目符号 li项目符号 li项目符号 …… /ul 下一页 上一页 2．说明： ① 使用type属性来控制行的标号，表5.1中为type属性的取值及含义。 ② 在同一个有序列表中，下一个li的出现，就表明上一个列表项的结束。 无序列表的type属性表 设定一个方形实心的行标号■ type=square 设定一个空心圆点的行标号○ type= circle 设定一个实心圆点的行标号●，表示默认项 type=disc 含义 type取值 下一页 上一页 【例5.1】无序列表的使用 HTML HEAD TITLE无序列表的使用/TITLE /HEAD BODY H1菜单列表/H1 H2目 录/H2 UL TYPE=DISC LI新闻中心/LI 下一页 上一页 LI古典文学/LI LI影视娱乐/LI LI主题社区/LI LI科技时代/LI LI网上购物/LI /UL HR /BODY /HTML 运行程序 下一页 上一页 5.2 有序列表ol 有序列表标签ol用于说明文件中的某些成份，需按特定顺序排列和显示。有序列表的输出结果是在列表的每项前都有编号，因此，浏览者可以清晰地了解它每行的顺序。 1．格式： ol type=值1 start=值2 li项目符号 li项目符号 li项目符号 …… /ol 下一页 上一页 2．说明： ① 在同一个有序列表中，下一个li的出现，就表明上一个列表项的结束。 ② 无须用手工添加编号，当在浏览器上显示时，在每一个li列表项指明的项前，便具有了连续的编号。 ③ 如果插入或删除一个列表项，待下次浏览时，编号会自动调整。 下一页 上一页 ④ 顺序编号是由属性type和start来设置的。type表示标号的类型，比如数字、字母以及罗马字母；start属性表示列表清单的标号从第几项开始，表5.2列出了type属性的取值及含义。 例如，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取值 下一页 上一页 【例5.2】有序列表的使用 html head title有序列表的使用/title /head body H2菜单列表/H2 H3目 录/H3 下一页 上一页 OL type=1 start=5 LI新闻中心/li LI古典文学/li LI影视娱乐/li LI主题社区/li LI科技时代/li LI网上购物/li /OL hr /body /html 运行程序 下一页 上一页 将一个列表嵌入另一个列表中，作为另一个列表的一部分，叫做嵌套列表。HTML可以用层层嵌套的方式来实现多层列表。 无论是有序列表还是无序列表的嵌套，浏览器都可以自动地分层排列。 5.3 嵌套列表 下一页 上一页 【例5.3】嵌套列表 HTML HEAD TITLE嵌套列表/TITLE /HEAD BODY bgcolor=green h3目录/h3 OL LI新闻中心/LI LI古典文学/LI 下一页 上一页 UL TYPE=SQUARE LI《红楼梦》/LI LI《三国演义》/LI LI《水浒传》/LI /UL LI影视娱乐/LI LI主题社区/LI LI科技时代/LI LI网上购物/LI /OL HR /BODY /HTML 运行程序 下一页 上一页 * *