中职《Web前端开发案例教程（HTML5+CSS3）（第2版）》（人邮版·2023）任务9 布局学院网站主页教案（表格式）

标记的区别与联系，分析其用法的异同。（5）学生练习，教师巡视、答疑。五、

标记

标记通常用来表示当前页面的附属信息部分，它的内容跟这个页面其他内容的关联性不强，或者没有关联，单独存在。它可以包含当前页面或者主题内容相关的一些引用，侧边栏、广告、目录、索引、Web应用、链接、当前页内容简介等，有别于主要内容。（1）教师和学生互动：在浏览器地址栏中输入网址“http://www./”打开“京东商城”的页面。可以看到页面主要分为左右两部分，左边的侧边栏，就是通过HTML5中的aside元素定义的。下面，我们来学习aside元素。（2）教师展示PPT对

标记的概念及应用范围进行讲解。（3）教师通过PPT对

标记在网页中的显示效果进行展示。指出

标记用来定义内容相关的引用、侧边栏、广告、导航条。（4）教师针对

标记进行讲解，并使用代码进行实时演示。（5）学生练习，教师巡视、答疑。六、

请用微信扫码

中职《Web前端开发案例教程（HTML5+CSS3）（第2版）》（人邮版·2023）任务9 布局学院网站主页 教案（表格式）

中职《Web前端开发案例教程（HTML5+CSS3）（第2版）》（人邮版·2023）任务9 布局学院网站主页 教案（表格式）

中职《Web前端开发案例教程（HTML5+CSS3）（第2版）》（人邮版·2023）任务9 布局学院网站主页教案（表格式）

中职《Web前端开发案例教程（HTML5+CSS3）（第2版）》（人邮版·2023）任务9 布局学院网站主页教案（表格式）