私立华联学院：《html5》课程教学资源（课件讲稿）第2章 HTML5 页面元素及属性

第2章HTML5页面元素及属性 文本层次语义元素 全局属性 结构元素 分组元素 HTML5 ·页面交互元素 •文本层次语义元素 全局属性

让IT教学更简单，让IT学习更有效 列表元素 结构元素 文本层次语义元素 全局属性 第2章 HTML5 页面元素及属性 ·分组元素 ·文本层次语义元素 ·结构元素 ·页面交互元素 ·全局属性 HTML5

E 学习目标 掌握结构元素的使用， 理解分组元素的使用， 可以使页面分区更明确。 能够建立简单的标题组。 掌握 理解 掌握页面交互元素的使 掌握 理解文本层次语义元素， 用，能够实现简单的交 能够在页面中突出所标 互效果。 掌握 记的文本内容。 掌握全局属性的应用， 能够使页面元素实现相 ￥ 应的操作

✎ ✎ 学习目标 掌握结构元素的使用， 可以使页面分区更明确。 1 掌 握 理解分组元素的使用， 能够建立简单的标题组。 2 掌握页面交互元素的使 用，能够实现简单的交 互效果。 3 理解文本层次语义元素， 能够在页面中突出所标 记的文本内容。 4 掌握全局属性的应用， 能够使页面元素实现相 5 应的操作

四目录 列表元素 2.1 一点击查看本小节知识架构 结构元素 2.2 一点击查看本小节知识架构 2.3 分组元素 点击直看本小节知识架构 2.4 页面交互元素 一点击查看本小节知识果烟 2.5 文本层次语义元素 一点击查看本小节知识架构 2.6 全局属性 点击查看本小节知识架构 2.7 阶段案例制作电影影评网

✎  目录 列表元素 ☞点击查看本小节知识架构 结构元素 ☞点击查看本小节知识架构 分组元素 页面交互元素 文本层次语义元素 ☞点击查看本小节知识架构 全局属性 阶段案例-制作电影影评网 ☞点击查看本小节知识架构 ☞点击查看本小节知识架构 ☞点击查看本小节知识架构

四知识架构 →返回自录 2.1列表元素 2.1.1……0 u元素 2.1.2*…● ol元素 2.1.3 …… d元素 2.1.4……● 列表的嵌套应用 y

✎  知识架构 2.1 列表元素 2.1.1 ul元素 2.1.2 ol元素 2.1.3 dl元素 2.1.4 列表的嵌套应用

四知识架构 →返回目录 2.2结构元素 2.2.1……0 header元素 2.2.2 nav元素 2.2.3…● article元素 2.2.4………0 aside元素 2.2.5 section元素 2.2.6 footer元素

✎ 2.2 结构元素 2.2.2 2.2.3 2.2.5 2.2.1 header元素 nav元素 article元素 2.2.4 aside元素 section元素 2.2.6 footer元素  知识架构

四知识架构 念返回目录 2.3分组元素 2.3.1…。figure和figcaption元素 2.3.2…。hgroup元素 y

✎ 2.3 分组元素 2.3.1 figure和figcaption元素 2.3.2 hgroup元素  知识架构

四知识架构 返回自录 2.4页面交互元素 2.4.1…。details和summary元素 2.4.2 progress元素 2.4.3。meter元素

✎ 2.4 页面交互元素 2.4.1 details和summary元素 2.4.2 progress元素 2.4.3 meter元素  知识架构

四知识架构 念返回目录 2.5文本层次语义元素 2.5.1………0 time元素 2.5.2 mark元素 2.5.3 cite元素 y·

✎ 2.5 文本层次语义元素 2.5.1 time元素 2.5.2 mark元素 2.5.3 cite元素  知识架构

四知识架构 返回自录 2.6全局属性 2.6.1……。draggable)属性 2.6.2…。hidden属性 2.6.3 spellcheck属性 2.6.4………0 contenteditable属性

✎ 2.6 全局属性 2.6.1 draggable属性 2.6.2 hidden属性 2.6.3 spellcheck属性 2.6.4 contenteditable属性  知识架构

HTML5页面元素及属性 HTML5中引入了很多新的标记元素和属性，掌握这些 元素和属性是正确使用HTML5构建网页的基础。 HTML 5 ￥

✎ HTML5 页面元素及属性 HTML5中引入了很多新的标记元素和属性，掌握这些 元素和属性是正确使用HTML5构建网页的基础