htmlcssjavascript标准实例教程（第二版）.ppt

《htmlcssjavascript标准实例教程（第二版）.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、本书编委会编著实例版第5章建立和使用列表5.1列表类型5.2嵌套列表5.3小实例——列表在网页中的使用5.4习题HTML/CSS/JavaScript标准教程实例版（第2版）5.1列表类型表5-1列表类型与标记符号5.1.1插入定义列表

基本语法：

名称

说明

名称

说明

名称

说明…

5.1.1插入定义列表

语法说明：

标记定义了组成列表项名称部分，同时此标记只在

标记中使用；

用于解释说明

标记定义的项目名称，此标记也只能在

标记中使用。5.1.1插入定义列表

2、实例代码5.1.1插入定义列表

网页效果5.1.2插入无序列表

基本语法：
• 项目名称
…
• 项目名称
…
• 项目名称
……
5.1.2插入无序列表
语法说明：在HTML文件中，利用成对
标记可以插入无序列表，但
标记之间必须使用成对
标记添加列表项值。5.1.2插入无序列表
实例代码5.1.2插入无序列表
网页效果5.1.3插入目录列表基本语法
• 项目名称
…
• 项目名称
…
• 项目名称
……

3、

5.1.3插入目录列表语法说明在HTML文件中，利用成对标记可以插入目录列表，但标记之间必须使用成对
标记添加列表项值。5.1.3插入目录列表实例代码5.1.3插入目录列表网页效果5.1.4插入菜单列表基本语法
• 项目名称…
• 项目名称…
• 项目名称……
5.1.4插入菜单列表语法说明在HTML文件中，利用成对标记可以插入菜单列表，但标记之间只需要单个
• 标记添加列表项值。5.

  4、1.4插入菜单列表

  实例代码5.1.4插入菜单列表网页效果5.1.5插入有序列表
  基本语法
  1. 项目名称
  …
  2. 项目名称
  …
  3. 项目名称
  ……
  5.1.5插入有序列表
  语法说明在HTML文件中，利用成对
  标记可以插入有序列表，但
  标记之间必须使用成对
  标记添加列表项值。5.1.5插入有序列表
  实例代码5.1.5插入有序列表
  网页效果5.1.5插入有序列表
  表5-2有序列表Type属性及说明5.1.5插入有序列表
  ——在

  5、l>中输入属性基本语法

  1. 项目名称
  …
  2. 项目名称
  …
  3. 项目名称
  ……
  5.1.5插入有序列表
  ——在
  中输入属性实例代码5.1.5插入有序列表
  ——在
  中输入属性网页效果5.2嵌套列表5.2.1嵌套定义列表5.2.2嵌套有序与无序列表5.2.1嵌套定义列表基本语法：

  名称

  说明

  说明

  说明

  名称

  说明

  说明

  说明…

  5.2.1嵌套定义列表语法说明

  标记表示插入定义列表

  6、；

  标记表示插入项目名称；

  标记表示多项目名称的说明；多个

  与

  的交替使用，构成了定义列表的嵌套。5.2.1嵌套定义列表实例代码5.2.1嵌套定义列表网页效果5.2.2嵌套有序与无序列表基本语法

  • 项目名称
  1. 项目名称
  2. 项目名称
  3. 项目名称
  • 项目名称
  1. 项目名称
  2. 项目名称
  3. 项目名称

  5.2.2嵌套有序与无序列表语法说明将

  标记用在
  标记之间，实现

  7、列表的嵌套。5.2.2嵌套有序与无序列表实例代码5.2.2嵌套有序与无序列表接上页5.2.2嵌套有序与无序列表网页效果5.3小实例——列表在网页中的使用实例代码【练习】5.3小实例——列表在网页中的使用实例代码5.3小实例——列表在网页中的使用网页效果