第7章 建立列表.pptVIP

第七章 建立列表 本章目标： 列表的标记 有序列表 无序列表 列表的嵌套 7.1 列表的标记 在HTML页面中，列表可以起到提纲挈领的作用。列表可分为：有序列表和无序列表。 1、有序列表：是按照数字或字母等顺序排列列表项目。 2、无序列表：是以?、?、?等开头，没有顺序的列表项目。 列表的主要标记 7.2 有序列表 有序列表使用编号，而不是项目符号来编排项目。列表中的项目采用数字或英文字母开头，通常各项目间有先后的顺序性。在有序列表中，主要使用OL和LI两个标记以及TYPE和START两个属性。 7.2.1 有序列表标记OL 1、基本语法： OL LI 项目一 LI 项目二 …… /OL 2、语法解释： 在有序列表中，使用OL作为有序的声明，使用LI作为每一个项目的起始。 3、文件范例：7-1.htm 7.2.2 有序列表的类型属性TYPE 1、基本语法： OL TYPE=VALUE /OL 2、语法解释：VALUE取值见下表 3、文件范例：7-2.htm 有序列表的类型 7.2.3 有序列表的起始属性START 1、基本语法： OL START=VALUE /OL 2、语法解释： 其中，不论列表编号的类型是数字、英文字母还是罗马数字，VALUE的值都是起始的数字。 3、文件范例：7-3.htm 7.3 无序列表 在无序列表中，各个列表项之间没有顺序级别之分，它通常使用一个项目符号作为每个列表项的前缀。无序列表主要使用UL，DIR，DL，MENU，LI几个标记和TYPE属性。 7.3.1 无序列表标记UL 1、基本语法： UL LI项目一 LI项目二 …… /UL 2、语法解释： 在无序列表中，使用UL作为无序的声明，使用LI作为每一个项目的起始。 3、文件范例：7-4.htm 7.3.2 目录列表标记DIR 7.3.3 定义列表标记DL 7.3.4 菜单列表标记MENU 1、基本语法： MENU LI项目一 LI项目二 …… /MENU 2、语法解释： 在菜单列表中，使用MENU作为菜单列表的声明，使用LI作为每一个项目的起始。 3、文件范例：7-7.htm 7.3.5 无序列表的类型属性TYPE 1、基本语法： UL TYPE=VALUE /UL 2、语法解释： 其中，VALUE的取值见下表。 3、文件范例：7-8.htm 无序列表的类型 7.4 列表的嵌套 嵌套列表指的是多于一级层次的列表，一级项目下面可以存在二级项目、三级项目等。项目列表可以进行嵌套，以实现多级项目列表的形式。 7.4.1 定义列表的嵌套 1、基本语法： DL DT名词一 DD解释1 DD解释2 DT名词二 DD解释1 DD解释2 …… /DL 7.4.1 定义列表的嵌套 2、语法解释： 在定义列表中，一个DT标记下可以有多个DD标记作为名词的解释和说明，以实现定义列表的嵌套。 3、文件范例：7-9.htm 7.4.2 无序列表和有序列表的嵌套 这种嵌套类型是最常见的列表嵌套，重复地使用OL和UL标记可以组合出嵌套列表。 文件范例：7-10.htm 作业： P123页 1、2、3 HTML标准教程 * HTML标准教程 列表项目的标记 定义列表的标记 定义列表 菜单列表 目录列表 无序列表 有序列表 描 述 LI DT、DD DL MENU DIR UL OL 标 记 大写罗马数字I，II，III…… 小写罗马数字i，ii，iii…… 大写字母A，B，C…… 小写字母a，b，c…… 数字1，2，3…… 描 述 I i A a 1 值 目录列表用于显示文