《Web前端开发》课程理论教学部分 第六讲:HTML5的结构与属性 学时计划:2学时理论,2学时实验 (实验二:创建第一个网站) 教学大纲: 1、结构之美:从HTML4到HTML5 2、主体结构元素 3、非主体结构元素 4、HTML5常用元素 5、超链接 6、讨论与思考 为了提高文档结构的清晰度,使其文档更加容易阅读,HTML5 新增了许多文档结构元素。 本讲详细介绍新增加的文档结构元素,并介绍这些元素的定义 使用方法和使用示例。 结构之美:从班4到HML5 1.1表格布局 在HTML4中,当需要总体规划设计一个页面时,通常使用表格 进行布局。使用表格进行页面布局,主要是通过对单元格的拆分和合 并以及表格嵌套,实现页面规划和布局。 使用表格进行布局典型结构如图6-1所示。 table tr td table tr td table tr td Sub table tr td Sub table tr td table tr td 图6-1tabe进行页面布局 5lxueweb.cn1 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn 《Web 前端开发》课程理论教学部分 第六讲：HTML 5 的结构与属性 学时计划：2 学时 理论，2 学时 实验 （实验二：创建第一个网站） 教学大纲： 1、结构之美：从 HTML 4 到 HTML 5 2、主体结构元素 3、非主体结构元素 4、HTML 5 常用元素 5、超链接 6、讨论与思考 为了提高文档结构的清晰度，使其文档更加容易阅读，HTML 5 新增了许多文档结构元素。 本讲详细介绍新增加的文档结构元素，并介绍这些元素的定义、 使用方法和使用示例。 一、结构之美：从 HTML 4 到 HTML 5 1.1 表格布局 在 HTML 4 中，当需要总体规划设计一个页面时，通常使用表格 进行布局。使用表格进行页面布局，主要是通过对单元格的拆分和合 并以及表格嵌套，实现页面规划和布局。 使用表格进行布局典型结构如图 6-1 所示。 图 6-1 table 进行页面布局