说到列表大家并不陌生，在浏览网页时，随处可见。

        HTML语言提供了3种常用的列表，分别为无序列表、有序列表和定义列表。

        一个网站通常由多个页面构成，进入网站时首先看到的是其首页。通过超链接，实现页面之间的跳转。

【 案例展示 】

学习任务

重点、难点

突破方法

1. 列表。

2. 超链接。

1.网页当中的列表及列表嵌套。

2. 教学难点：超链接及锚点链接。

采用翻转课堂、项目导入的教学模式，采用分组讨论、案例教学、演示动画等教学方法，运用在线教学平台。

知识目标

能力目标

素质目标

1.掌握无序列表、有序列表及自定义列表。

2.掌握超链接与锚点链接。

1.能够熟练应用列表进行页面布局。

2.能熟练应用超链接与锚点链接实现页面之间及页面内部的跳转。

1. 养成积极主动学习意识；

2. 养成勤于动手的习惯；

3. 培养团队合作能力。

课程思政——劳动教育

【 视频讲解】

知识储备及案例实现

1、有序列表

2、无序列表

3、自定义列表

4、列表嵌套

5、超链接

6、锚点链接1

7、锚点链接2

【 资料下载 】

单元设计

列表与超链接

课程教案

列表与超链接

演示文稿

列表与超链接

任务工单

列表与超链接

案例源码下载

1、无序列表

2、有序列表

3、自定义列表

4、列表嵌套

5、超链接

6、锚点链接

课内同步项目

导航栏

课外扩展项目

网页侧边栏

练习题

 1、练习

疑难问题解答

1、列表应用主要有哪些？