第四章列表.docVIP

第章?ul 目录列表 dir 有序列表 ol 菜单列表 menu 定义列表 dl 2 无序列表 无序列表是一个没有特定顺序的相关条目(也成为列表项)的集合。在无序列表中，各个列表项之间属并列关系，没有先后顺序之分，它们之间以一个项目符号来标记。 格式：ul type= li项目名称/li li项目名称/li li项目名称/li …… /ul 在HTML文件中，可以利用成对的ul/ ul标记来插入无序列表，其中间的列表项标签li/li用来定义列表项序列。 使用无序列表标签的type属性，用户可以指定出现在列表项前的项目符号的样式，其取值以及相对应的符号样式如下： disc：指定项目符号为一个实心圆点（IE浏览器的默认值是disc）。 circle：指定项目符号为一个空心圆点。 square：指定项目符号为一个实心方块。 实例1.html： html head title无序列表/title /head body b学院新闻/b ul type=disc li电子商务专业最新课程表/li li关于普通话考试的通知/li li type=circle助理电子商务师考试报名/li li企业招聘名录/li /ul /body /html 网页效果如图4-1所示。 图4-1无序列表 3 有序列表 3.1 有序列表及其编号样式 有序列表是一个有特定顺序的列表项的集合。在有序列表中，各个列表项有先后顺序之分，它们之间以编号来标记。 格式： ol type= li项目名称/li li项目名称/li li项目名称/li …… /ol 在HTML文件中，可以利用成对的ol/ol标记来插入有序列表，其中间的列表项标记li/li用来定义列表项顺序。 使用有序列表标记的type属性，用户可以指定出现在列表项前的项目编号的样式，其取值以及相对应的编号样式如下： “1”：指定项目编号为阿拉伯数字（IE浏览器的默认值是disc）； “a”：指定项目编号为小写英文字母； “A”：指定项目编号为大写英文字母； “i”：指定项目编号为小写罗马数字； “I”：指定项目编号为大写罗马数字。 实例2.html： html head title有序列表/title /head body strong报名/strong ol type=A li报名时间：3月16—21 日，逾期不予受理。/li li报名地点：所在院系办公室。/li li报名费用：按物价局规定85元/人/次（含培训费用），报名时交齐。/li li提交资料及注意事项：/li /ol /body /html 网页效果如图4-2所示。 图4-2有序列表 3.2 编号起始值 通常，在指定列表的编号样式后，浏览器会从“1”、“a”、“A”、“i”或“I”开始自动编号。 而在使用有序列表标记的start属性后，用户则可改变编号的起始值。start属性值是一个整数，表示从哪一个数字或字母开始编号。例如，设置start=3，则有序列表的列表项编号将从“3”、“c”、“C”、“ⅲ”或“Ⅲ”开始编号。 实例3.html，尽管列表类型type=I，start的值仍需取阿拉伯数字3，而不能取大写英文字母C。 html head title编号起始值的指定/title /head body strong报名/strong ol type=I start=3 li报名时间：3月16—21 日，逾期不予受理。/li li报名地点：所在院系办公室。/li li报名费用：按物价局规定85元/人/次（含培训费用），报名时交齐。/li li提交资料及注意事项。/li /ol /body /html 网页效果如图4-3所示。 图4-3编号起始值的指定 3.3 列表项样式 除了对列表标记ol/ol进行属性设置外，还可以对列表项标记li/li进行属性设置。 使用列表项标记li/li的type属性，用户可以指定单个列表项的符号（对于无序列表而言）或编号（对于有序列表而言）。 在列表标记ol/ol的type属性和列表项标记li/li的type属性发生冲突的情况下，所指定的单个列表项遵循li/li的type属性进行显示。 实例4.html，指定了第二个列表项的样式。 html head title列表项样式的指定/title /head body strong报名/strong ol type=A li