列表与超链接补充案例.docVIP

第五章 补充案例 案例5-1 创建三级列表 一、案例描述 考核知识点 列表的嵌套 练习目标 掌握列表嵌套的方法 熟练地使用列表的嵌套制作多级列表 需求分析 在使用列表时，列表项中有可能包含若干子列表项，要想在列表项中定义子列表项就需要将列表进行嵌套。为了让初学者熟悉列表嵌套的方法，本案例通过无序列表和有序列表进行嵌套，实现一个三级列表效果。 案例分析 效果如图5-1所示。 列表的嵌套效果 具体实现步骤如下： 定义无序列表ul。 在无序列表ul的子列表项li中嵌套有序列表。 二、案例实现 新建HMTL文件，具体代码如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title创建三级列表/title /head body ul li咖啡 ul li摩卡/li li蓝山/li /ul /li