第五章网页列表解读.ppt

第五章 网页列表 本章目标 掌握列表符号和编号列表 熟练掌握嵌套列表的使用 熟练掌握定义不同类型的列表 本章内容 5.1 列表分类及标签 5.2 项目列表 5.3 编号列表 5.4 目录列表 5.5 定义列表 5.6 菜单列表 4.7 嵌套列表 5.1 列表分类及标签 在HTML页面中，列表可以起到提纲挈领的作用，特别适合提供结构化的、容易阅读的消息格式。 一般的列表分为两种：一种用项目符号来标识无序的项目（无序列表） ，而另一种则使用编号来记录项目的顺序（有序列表） 。 详细分类：项目列表（无序列表）、编号列表（有序列表）、目录列表、菜单列表、定义列表、嵌套列表。 列表标签表 5.2 项目列表 在项目列表（无序列表）中，各个列表项之间没有顺序级别之分，它通常使用一个项目符号作为每条列表项的前缀。为了生成列表，首先要指定以列表形式显示的信息，然后标识列表中的每行项目。 基本语法： ul type=样式 li项目一/li li type=样式项目二/li li项目三/li … /ul Type属性 语法解释： 在无序列表中，使用ul作为无序的声明，使用li作为每一个项目的起始。在无序列表的默认情况下，使用●作为列表的开始，可以通过Type属性将无序列表的类型设置为○或□。类型的取值如下表所示： 5.3 编号列表 编号列表（有序列表）使用编号，而不是项目符号来编排项目。列表中的项目采用数字或英文字母开头，通常各项目之间有先后的顺序性。在编号列表中，主要使用ol，li两个标签和type，start两个属性。如下表所示。 基本语法： ol type=样式 start=value li项目一/li li项目二/li li项目三/li … /ol 语法解释：在编号列表中，使用ol作为有序的声明，使用li作为每一个项目的起始。其中，在有序列表的默认情况下，使用数字序号作为列表的开始，可以通过type属性将有序列表的类型设置为英文或罗马数字。另外，在默认情况下，有序列表从数字1开始计数，这个起始值通过start属性可以调整，并且，英文字母和罗马数字的起始值也可以调整。 Type属性值表 5.4 目录列表 目录列表是用于显示文件内容的目录大纲，通常能够设计一个压缩系列的列表，以及显示一系列的列表内容，例如字典中的索引或单词表中的单词等。 基本语法： dir li项目一/li li项目二/li li项目三/li … /dir 语法解释：在目录列表中，使用dir作为目录列表的声明，使用li作为每一个项目的起始。 在 HTML 4.01 中，dir 元素不被赞成使用。在 XHTML 1.0 Strict DTD 中，dir 元素不被支持。 5.5 定义列表 还有一种特殊的定义列表，用于提供词条和定义两级信息。定义列表是一种两个层次的列表，用于解释名词的定义，名词为第一层次，解释为第二层次，并且不包含项目符号。 定义列表也称作字典列表，因为它同字典具有相同的格式。在定义列表中，每个列表项带有一个缩进的定义字段，就好像字典对文字进行解释一样。 基本语法 dl dt名词一/dt dd解释一/dd dt名词二/dt dd解释二/dd dt名词三/dt dd解释三/dd … /dl 语法解释：在定义列表中，使用dl作为定义列表的声明，使用dt作为名词的标题，dd用作解释名