Web前端开发主讲人：张金娜

规划页面布局

【任务目标】知识目标能力目标素质目标理解传统的布局标签；掌握HTML5新增的语义化标签。理解传统布局标签的应用；掌握语义化标签布局页面的方法。培养学生主动学习的意识及创新精神。

【任务效果图】

【导学知识】一、传统的布局标签1.div标签div标签没有语义，是一个块级元素，可以用于网页的规划和布局。大多数的HTML标签都可以嵌套在div标签中，div中可以嵌套多层div标签，功能强大。

【导学知识】一、传统的布局标签2.span标签span标签没有特定的含义，是行内元素，可以用作文本的容器。由于span标签属于行内元素，因此不需要