河南中医药大学：《Web前端开发》课程理论教学课件（2014）第十一讲 选择器

(web前端开发》课程理论教学部分 第六讲:HTML5的结构与属性 河南中医学院互联网应用技术研究所 Http://Labs.51xuEweb.Com 2013.3

web前端开发》课程理论教学部分/第六讲:HTML5的结构与属性 学时计划 学时计划:2学时理论,2学时实验 实验二:创建第一个网站) 教学大纲: 1、结构之美:从HTML4到HTML5 2、主体结构元素 3、非主体结构元素 4、HTML5常用元素 5、超链接 6、讨论与思考

web前端开发》课程理论教学部分/第六讲:HTML5的结构与属性 为了提高文档结构的清晰度,使其文档更加容易阅读,HTML5新增 了许多文档结构元素。 本讲详细介绍新增加的文档结构元素,并介绍这些元素的定义、使 用方法和使用示例。 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.3

web前端开发》课程理论教学部分/第六讲:HTML5的结构与属性 结构之美:从HTML4到HTML5 1.1表格布局 table tr td table tr td table tr td Sub table tr td Sub table tr td table tr td 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.3

web前端开发》课程理论教学部分/第六讲:HTML5的结构与属性 结构之美:从HTML4到HTML5 1.2DV+CSS页面布局 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.3

web前端开发》课程理论教学部分/第六讲:HTML5的结构与属性 结构之美:从HTML4到HTML5 1.3HTML5结构 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.3

web前端开发》课程理论教学部分/第六讲:HTML5的结构与属性 主体结构元素 2.1 article 元素介绍 article元素代表文档、页面或应用程序中独立的、完整的、可以独自 被外部引用的内容。 主要用途: 论坛帖子、报纸文章、博客条目、用户评论 元素说明: (1)元素是HTML5的新元素。 (2)除了内容部分,元素通常有它自己的标题,使用 元素。 (3)元素支持HTML5的全局属性和事件。 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.3

web前端开发》课程理论教学部分/第六讲:HTML5的结构与属性 主体结构元素 2.1 article 操作演示: 示例6-1:一篇新闻内容 示例6-2:更多内容元素的新闻内容 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.3

web前端开发》课程理论教学部分/第六讲:HTML5的结构与属性 主体结构元素 2.2 section 元素介绍 section元素用于对网站或应用程序中页面上的内容进行分块。一个 section元素通常有内容及其标题组成。 主要用途: 内容分块、文章分段 元素说明 (1)元素是HTML5的新元素。 (2)元素不是一个普通的的容器元素,当一个容器需要 直接被定义样式或通过脚本定义行为时,推荐使用元素,而不 使用。 3)在没有标题的情况下建议不要使用,也就是说建议 在使用时应该包含标题内容,例如、等。 (4)元素的作用是对页面上的内容进行分块,或者说是 对文章进行分段。 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.3

web前端开发》课程理论教学部分/第六讲:HTML5的结构与属性 主体结构元素 2.2 section 操作演示: 示例6-3关于课程介绍 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.3