Web前端技术项目式教程HTML5 CSS3 Flex Bootstrap教案-HTML5标签_第1页
Web前端技术项目式教程HTML5 CSS3 Flex Bootstrap教案-HTML5标签_第2页
Web前端技术项目式教程HTML5 CSS3 Flex Bootstrap教案-HTML5标签_第3页
Web前端技术项目式教程HTML5 CSS3 Flex Bootstrap教案-HTML5标签_第4页
Web前端技术项目式教程HTML5 CSS3 Flex Bootstrap教案-HTML5标签_第5页
已阅读5页，还剩4页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、1第 2 章 使用 HTML5 搭建旅游公司网站首页结构Web 前端开发 项目名称HTML5 标签 课时演示性 验证性 设计性 综合性2. 掌握和标签的使用1. 培养学生自主学习能力2. 培养学生团结协作、互帮互助的能力1. 任务描述2. 任务展示与实现(1)编写 HTML5 的表格标签(2)编写 HTML5 的和标签(3)编写 HTML5 的各种语义化分段元素(5)学生动手操作3. 教师讲解本任务涉及的知识点4. 任务小结2教学过程2织(教学内容、教学方法、组织形式、教学手段)做好课前“5 分钟”教学管理(多媒体、实训室)，做好上课前的各项准备工作(打开电脑、打开课件、打开软件、打开U 盘中

2、的素材位置、打开授课计划、教案等)，吸引学生注意力。【课前说明】【目的】使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习本单元知识的要求和目内容 HTML5 的表格标签主要有等。标签：用于定义表格，是表格最外层的标签。标签：展示一个表格的标题。标签：代表表格中的行。标签：代表表格中的单元格。标签：代表表格中的表头单元格。标签：代表表格中的表头。标签：代表表格中的一块具体数据(表格主体)。标签：代表表格中的表尾。(1) 标签v可以容纳各种网页元素。区块容器有两大特点：区块元素必须独占一行，不允许本行的后面再有其他内容；区块容器默认情况下的宽度与它的父级标签的宽度相同。因此，可以把与

3、3(2) 标签标签用来组合文档中的行内元素。行内元素的特点刚好跟区块容器的特点相反：行内元素不需要独占一行，本行后面还允许有其他的内容；行内元素的宽度在默认情况下与它内部内容的宽度相同。(1) 标签标签代表“网页”或“section”的页眉，可以是“网页”或任意 ection”的头部部分，其通常包含一些引导和导航信息，用法如下。(2) 标签标签代表“网页”或“section”的页脚，可以是“网页”或“section”的底部部分，通常含有该节的一些基本信息，如作者、相关文档链接、版权资料，用法如下。(3) 标签标签代表“网页”或“section”的标题，当元素有多个层级时，该元素可以将h1 到

4、h6元素放在其内，如文章的主标题和副标题的组合，用法如下。(4) 标签标签代表页面的导航链接区域，用于定义页面的主要导航部分，用法如下。(5) 标签le(6) 标签(7) 标签成一体的内容，其目的是为了让开发者独立开发或重用，譬如论坛的帖子、博客的文章、一篇用户的评论。除了它的内容， 会有一个标题(通常会在 header 里)和一个页脚，用法如4(1) 标签(2) 标签(3) 标签 hHTMLh(4) 标签 HTML 5(5) 标签p北，前端一枚5(6) 标签(7) 标签6本节课主要运用案例教学法，掌握 HTML5 基本标签的使用方法，达到能够独立熟练运用 HTML5标签来制作网页的能力。教学评价方式以小组

人人文库> 全部分类> 教育资料 > 英语等级

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论