HTML标准教程05.ppt

5.2.1 嵌套定义列表 语法说明 ? dl标记表示插入定义列表； ? dt标记表示插入项目名称； ? dd标记表示多项目名称的说明； ? 多个dt与dd的交替使用，构成了定义列表的嵌套。 5.2.1 嵌套定义列表 实例代码 5.2.1 嵌套定义列表 网页效果 5.2.2 嵌套有序与无序列表 基本语法 ul li项目名称/li ol li项目名称/li li项目名称/li li项目名称/li /ol li项目名称/li ol li项目名称/li li项目名称/li li项目名称/li /ol /ul 5.2.2 嵌套有序与无序列表 语法说明 将ol标记用在ul/ul标记之间，实现列表的嵌套。 5.2.2 嵌套有序与无序列表 实例代码 5.2.2 嵌套有序与无序列表 接上页 5.2.2 嵌套有序与无序列表 网页效果 5.3 小实例——列表在网页中的使用 实例代码 5.3 小实例——列表在网页中的使用 实例代码 5.3 小实例——列表在网页中的使用 网页效果 HTML/CSS/JavaScript 标准教程实例版（第2版） 第 章 5 本书编委会 编著 第5章 建立和使用列表 5.1 列表类型 5.2 嵌套列表 5.3 小实例——列表在网页中的使用 5.4 习题 HTML/CSS/JavaScript 标准教程实例版（第2版） 5.1 列表类型 表5-1 列表类型与标记符号 5.1.1 插入定义列表dl 基本语法： dl dt名称dd说明 dt名称dd说明 dt名称dd说明 … dl 5.1.1 插入定义列表dl 语法说明： ? dt标记定义了组成列表项名称部分，同 时此标记只在dl标记中使用； ? dd用于解释说明dt标记定义的项目名称，此标记也只能在dl标记中使用。 5.1.1 插入定义列表dl 实例代码 5.1.1 插入定义列表dl 网页效果 5.1.2 插入无序列表ul 基本语法： ul li项目名称/li… li项目名称/li… li项目名称/li… … ul 5.1.2 插入无序列表ul 语法说明： 在HTML文件中，利用成对ul/ul标记可以插入无序列表，但ul标记之间必须使用成对li/li标记添加列表项值。 5.1.2 插入无序列表ul 实例代码 5.1.2 插入无序列表ul 网页效果 5.1.3 插入目录列表dir 基本语法 dir li项目名称/li… li项目名称/li… li项目名称/li… … /dir 5.1.3 插入目录列表dir 语法说明 在HTML文件中，利用成对dir/dir标记可以插入目录列表，但dir标记之间必须使用成对li/li标记添加列表项值。 5.1.3 插入目录列表dir 实例代码 5.1.3 插入目录列表dir 网页效果 5.1.4 插入菜单列表menu 基本语法 menu li项目名称… li项目名称… li项目名称… … /menu 5.1.4 插入菜单列表menu 语法说明 在HTML文件中，利用成对menu/menu标记可以插入菜单列表，但menu标记之间只需要单个li标记添加列表项值。 5.1.4 插入菜单列表menu 实例代码 5.1.4 插入菜单列表menu 网页效果 5.1.5 插入有序列表ol 基本语法 ol li项目名称/li… li项目名称/li… li项目名称/li… … /ol 5.1.5 插入有序列表ol 语法说明 在HTML文件中，利用成对ol/ol标记可以插入有序列表，但ol标记之间必须使用成对li/li标记添加列表项值。 5.1.5 插入有序列表ol 实例代码 5.1.5 插入有序列表ol 网页效果 5.1.5 插入有序列表ol 表5-2 有序列表Type属性及说明 5.1.5 插入有序列表ol——在ol中输入type属性 基本语法 ol Type=”” li项目名称/li… li项目名称/li… li项目名称/li… … /ol 5.1.5 插入有序列表ol——在ol中输入type属性 实例代码 5.1.5 插入有序列表ol——在ol中输入type属性 网页效果 5.2 嵌套列表 5.2.1 嵌套定义列表 5.2.2 嵌套有序与无序列表 5.2.1 嵌套定义列表 基本语法： dl dt名称 dd说明 dd说明 dd说明 dt名称 dd说明 dd说明 dd说明 … /dl HTML/CSS/Jav