html+css+javascript_标准实例教程(第二版)05

本书编委会编著第5章建立和使用列表5.1列表类型5.2嵌套列表5.3小实例——列表在网页中的使用5.4习题HTML/CSS/JavaScript标准教程实例版（第2版）HTML/CSS/JavaScript标准教程实例版（第2版）第章55.1列表类型表5-1列表类型与标记符号HTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.1插入定义列表dl•基本语法：dldt名称dd说明dt名称dd说明dt名称dd说明…dlHTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.1插入定义列表dl•语法说明：dt标记定义了组成列表项名称部分，同时此标记只在dl标记中使用；dd用于解释说明dt标记定义的项目名称，此标记也只能在dl标记中使用。HTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.1插入定义列表dl•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.1插入定义列表dl•网页效果HTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.2插入无序列表ul•基本语法：ulli项目名称/li…li项目名称/li…li项目名称/li……ulHTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.2插入无序列表ul•语法说明：在HTML文件中，利用成对ul/ul标记可以插入无序列表，但ul标记之间必须使用成对li/li标记添加列表项值。HTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.2插入无序列表ul•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.2插入无序列表ul•网页效果HTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.3插入目录列表dir•基本语法dirli项目名称/li…li项目名称/li…li项目名称/li……/dirHTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.3插入目录列表dir•语法说明在HTML文件中，利用成对dir/dir标记可以插入目录列表，但dir标记之间必须使用成对li/li标记添加列表项值。HTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.3插入目录列表dir•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.3插入目录列表dir•网页效果HTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.4插入菜单列表menu•基本语法menuli项目名称…li项目名称…li项目名称……/menuHTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.4插入菜单列表menu•语法说明在HTML文件中，利用成对menu/menu标记可以插入菜单列表，但menu标记之间只需要单个li标记添加列表项值。HTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.4插入菜单列表menu•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.4插入菜单列表menu•网页效果HTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.5插入有序列表ol•基本语法olli项目名称/li…li项目名称/li…li项目名称/li……/olHTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.5插入有序列表ol•语法说明在HTML文件中，利用成对ol/ol标记可以插入有序列表，但ol标记之间必须使用成对li/li标记添加列表项值。HTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.5插入有序列表ol•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.5插入有序列表ol•网页效果HTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.5插入有序列表ol•表5-2有序列表Type属性及说明HTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.5插入有序列表ol——在ol中输入type属性•基本语法olType=””li项目名称/li…li项目名称/li…li项目名称/li……/olHTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.5插入有序列表ol——在ol中输入type属性•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章55.1.5插入有序列表ol——在ol中输入type属性•网页效果HTML/CSS/JavaScript标准教程实例版（第2版）第章55.2嵌套列表5.2.1嵌套定义列表5.2.2嵌套有序与无序列表HTML/CSS/JavaScript标准教程实例版（第2版）第章55.2.1嵌套定义列表•基本语法：dldt名称dd说明dd说明dd说明dt名称dd说明dd说明dd说明…/dlHTML/CSS/JavaScript标准教程实例版（第2版）第章55.2.1嵌套定义列表•语法说明dl标记表示插入定义列表；dt标记表示插入项目名称；dd标记表示多项目名称的说明；多个dt与dd的交替使用，构成了定义列表的嵌套。HTML/CSS/JavaScript标准教程实例版（第2版）第章55.2.1嵌套定义列表•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章55.2.1嵌套定义列表•网页效果HTML/CSS/JavaScript标准教程实例版（第2版）第章55.2.2嵌套有序与无序列表•基本语法ulli项目名称/liolli项目名称/lili项目名称/lili项目名称/li/olli项目名称/liolli项目名称/lili项目名称/lili项目名称/li/ol/ulHTML/CSS/JavaScript标准教程实例版（第2版）第章55.2.2嵌套有序与无序列表•语法说明将ol标记用在ul/ul标记之间，实现列表的嵌套。HTML/CSS/JavaScript标准教程实例版（第2版）第章55.2.2嵌套有序与无序列表•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章55.2.2嵌套有序与无序列表•接上页HTML/CSS/JavaScript标准教程实例版（第2版）第章55.2.2嵌套有序与无序列表•网页效果HTML/CSS/JavaScript标准教程实例版（第2版）第章55.3小实例——列表在网页中的使用•实例代码【练习】HTML/CSS/JavaScript标准教程实例版（第2版）第章55.3小实例——列表在网页中的使用•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章55.3小实例——列表在网页中的使用•网页效果