正在加载图片...
教案 讲授章节 第3章格式化文本与段落 授课时数2学时 Q 教学目的: 学握HTML5结构标签、HTML5基础标签 理解HML5格式化标签。 教学内容(讲授提纲) 31HTM和结构标签 HTML5结构标签用于搭建页面主体内容结构,形成不同的区块,完成整个页面 的排版布局。 标签 描述 <article 定义文章(HML5.0新标签 <aside> 定义页面内容之外的内容(HTML5.0新标签) sdetails 定义元素的细节(HTML5.0新标签) <footer> 定义section.或page的页脚(HTML5.0新标签) <header> 定义section或page的页眉(HTML5.0新标签) <main> 定义文档的主要内容(HML52新标签) <nav> 定义导航链接(HTML5.0新标签) <section> 定义section(HTML5.0新标签) <summarv> 为<details>元素定义可见的标题(HTML5.0新标签) <div> sspan> 定义文档中的行内元素 3.l.1 header>标签 header心标签定义文档的页眉。通常用来放置整个页面或页面内的一个内容区块 的标题,但也可以包含其他内容, 等等。 比如在header里面放置logo图片、搜索表单 3.1.2<main>标签 <main>标签定义文档的主要内容。main>标签中的内容对于文档来说应当是唯 一的,不包含在文档中重复出现的内容,如边栏、导航栏、版权信息、站点标 3.1.3<nav>标签 <nav>标签定义导航链接的部分,主要用于构建导航菜单、侧边栏导航、内页导 航和翻页操作等区域。 3.l4<article>标签 <artice>标签表示页面中一块与上下文不相关的独立内容,比如一篇文章。 3.1.5 <section>标签 教 案 讲授章节 第 3 章格式化文本与段落 授课时数 2 学时 教学目的: 掌握 HTML5 结构标签、HTML5 基础标签。 理解 HTML5 格式化标签。 教 学 内 容(讲授提纲) 3.1 HTML5 结构标签 HTML5 结构标签用于搭建页面主体内容结构,形成不同的区块,完成整个页面 的排版布局。 标签 描述 <article> 定义文章(HTML5.0 新标签) <aside> 定义页面内容之外的内容(HTML5.0 新标签) <details> 定义元素的细节(HTML5.0 新标签) <footer> 定义 section 或 page 的页脚(HTML5.0 新标签) <header> 定义 section 或 page 的页眉(HTML5.0 新标签) <main> 定义文档的主要内容(HTML5.2 新标签) <nav> 定义导航链接(HTML5.0 新标签) <section> 定义 section(HTML5.0 新标签) <summary> 为<details>元素定义可见的标题(HTML5.0 新标签) <div> 定义文档中的节 <span> 定义文档中的行内元素 3.1.1 <header>标签 <header>标签定义文档的页眉。通常用来放置整个页面或页面内的一个内容区块 的标题,但也可以包含其他内容,比如在 header 里面放置 logo 图片、搜索表单 等等。 3.1.2 <main>标签 <main>标签定义文档的主要内容。<main>标签中的内容对于文档来说应当是唯 一的,不包含在文档中重复出现的内容,如边栏、导航栏、版权信息、站点标 志等。 3.1.3 <nav>标签 <nav>标签定义导航链接的部分,主要用于构建导航菜单、侧边栏导航、内页导 航和翻页操作等区域。 3.1.4 <article>标签 <article>标签表示页面中一块与上下文不相关的独立内容,比如一篇文章。 3.1.5 <section>标签
<<向上翻页向下翻页>>
©2008-现在 cucdc.com 高等教育资讯网 版权所有