正在加载图片...
教案 讲授章节 第2章HTML基础 授课时数2学时 教学目的： 掌握HTML5文档结构、元素与标签的语法规则。 理解文档结构元素。 了解WebStorm基本操作， 教学内容（讲授提纲） 2.1HTML5基础 2.11HTML5文档结构 文档类型 <IDOCTYPE html> 声明 <head> 头标题元素 <itle>贡面标题<ie> HTML5元 其他头内元素 <meta charset="utf-8"> 素 </head> <body> 公 </body> </html> ● 2.1.2元素与标签 元素是标记语言的基本单元，元素是通过使用HTML5标签进行定义的，元素可 以用来描述文档的各种成分和格式。 标签(ag,标志/标记标识标注)是用来描述文档内容的类型、组成与格式化信 息的文本 符串，用 对尖括号“<” 位于起始标签和终止标签 间的文本是元素的内容。标签可用于标识元素的类型，设置元素的属性，并界定 元素内容的始末。 元素可按有无元素内容分为非空元素和空元素两类，对应的标签为非空标签 与空标签。 1.非空元素与标签 非空元素指含有内容的元素，非空标签指标识非空元素的标签，有开始和结 束两个标签。非空元素标签语句语法如下： <元素名[属性名="属性值門.>元素内容<元素名> 其中“<元素名属性名="属性值"门>”标识元素的开始，方括号内为可选内容。教 案 讲授章节 第 2 章 HTML 基础 授课时数 2 学时 教学目的： 掌握 HTML5 文档结构、元素与标签的语法规则。 理解文档结构元素。 了解 WebStorm 基本操作。 教 学 内 容（讲授提纲） 2.1 HTML5 基础 2.1.1 HTML5 文档结构 文档类型 声明 <!DOCTYPE html> HTML5 元 素 <html> 头 元 素 <head> 标题元素 <title>页面标题</title> 其他头内元素 <meta charset="utf-8"> . </head> 体 元 素 <body> . </body> </html> 2.1.2 元素与标签 元素是标记语言的基本单元，元素是通过使用 HTML5 标签进行定义的，元素可 以用来描述文档的各种成分和格式。 标签（tag，标志/标记/标识/标注）是用来描述文档内容的类型、组成与格式化信 息的文本字符串，用一对尖括号“<”和“>”括起，位于起始标签和终止标签之 间的文本是元素的内容。标签可用于标识元素的类型，设置元素的属性，并界定 元素内容的始末。 元素可按有无元素内容分为非空元素和空元素两类，对应的标签为非空标签 与空标签。 1. 非空元素与标签 非空元素指含有内容的元素，非空标签指标识非空元素的标签，有开始和结 束两个标签。非空元素标签语句语法如下： <元素名 [属性名="属性值"] .>元素内容</元素名> 其中“<元素名 [属性名="属性值"] .>”标识元素的开始，方括号内为可选内容