《HTML5+CSS3响应式Web开发》课件——1.模块实训-实现商城商品分类.pptxVIP

模块实训-实现商城商品分类

任务导入本单元前几节重点讲解了HTML5语法及标记、文本控制标记以及图像、列表标记等。为了同学们能够更好地认识HTML5，下面将通过任务的形式，分步骤制作综合项目首页中的“商品分类”页面，如下图所示。

任务分析具体可以使用定义列表dl/dl来实现，每一个分类使用一个定义列表，分类名称写在一对dt/dt标签中间，分类子项写在一对dd/dd标签中间，其中的每一项又是一个超链接。可以使用以下结构来定义商品分类，以及分类子项。dldt分类名称/dtdda子分类1/a|a子分类2/a|a子分类3/a/dd/dl本任务需要用到本单元所学的列表、超链接等标签：1.使用列表标签定义每一个商品分类；2.使用超链接标签呈现每一项商品分类和分类子项。

任务实施关键代码如下：