Web前端开发实例与实战第2章 HTML基础元素.pdfVIP

编写日期：授课日期：任课教师：

课程《Web前端开发实例与授课授课

名称实战》专业班级

授课授课

周次节次第2章5学时

章HTML基础元素学时

1.了解标签。

2.了解标签之间的关系。

知识3.了解HTML元素。

4.了解块级元素和内联元素。

5.了解文档信息。

教学1.熟知文档类型。

目标2.熟知文本修饰标签。

能力3.熟知文本结构元素。

4.熟知在网页中插入图片。

5.能够嵌入音频文件。

素质能反思、优化解决问题的方案，并将其迁移运用于解决其他问题

教学

制作视频播放页面

重点

教学

制作宣传海报

难点

教学

教学环节包括课堂讲授、集体讨论、师生互动、课后答疑等

方法

教学多媒体、课件

用具

第2章HTML基础元素

2.1文档结构元素

2.1.1文档类型

教学HTML文档需要通过浏览器进行显示，但是，浏览器可以展示的文档类型有

内容很多种，所以，在编写HTML文档时需要使用!DOCTYPE标签告知浏览器当前

文档的类型。

文档类型标签!DOCTYPE必须位于HTML文档的第1行。

2.1.2文档根部

文档根部使用文件标签html实现，它包含文档的头部标签head及主体

标签body。文件标签可以告知浏览器HTML文档的范围。

2.1.3头部元素

浏览器是HTML文档展示的平台，所以，一个完整的HTML文档必须在头部

元素中指定浏览器所需的相关属性，这些属性包括文档头部、文档信息、文档

标题等多个内容。

1.文档头部

文档的头部使用头部标签head表示。文档头部位于文档主体之前。在文

档头部的范围内，可以指定的头部元素包括引用的脚本、样式、标题等。文档

标题是文档头部中的必要元素。

2.文档信息

文档信息包括对搜索引擎和更新频率的描述。该信息由标签meta实现。

3.文档标题

文档标题使用标题标签title实现，浏览器会以特殊的方式来使用标题，

并且把它放置在浏览器窗口的标题栏或状态栏上，

2.1.4主体元素

文档主体元素位于头部元素下方，使用主体标签body元素表示。主体元

素中包含HTML要展示的主要内容，包括文本、图片、音乐、视频等。

2.2文本控制元素

2.2.1标题标签

标题是大段文字中心思想的一个概况，合理地使用标题不但可以吸引读者

的注意而且可以对大段文字进行分割。HTML