《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》 课件 第2章 初识HTML5.pptxVIP

第2章初识HTML5 内容提要《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》本章首先介绍HTML5的基础知识，然后介绍 HTML5文档结构标签，接下来讨论如何使用 Visual Studio Code工具软件建立HTML5页面，最后详细介绍头部元素常用的标签。 本章要点《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》HTML5基础。文档结构标签。头部元素标签。 2.1 HTML5基础《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》HTML5文件是由一些标签语句组成的文本文件，标签标识了内容和类型，Web浏览器通过解析这些标签进行显示。HTML5文件可以通过任意文本编辑器创建，但文件的扩展名必须使用“.htm”或“.html”，建议使用“.html”，以适应跨平台的需要。 2.1 HTML5基础——HTML5文档结构《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》 2.1 HTML5基础——HTML5文档结构《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》相应的源代码如下：!DOCTYPE htmlhtml lang=zh-CNheadmeta charset=utf-8title页面标题/title/headbody…/body/html在HTML5文档中，文档类型声明!DOCTYPE html是强制使用的，总是位于首行，这样浏览器才能获知当前文档类型是HTML5。 2.1 HTML5基础——元素与标签《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》元素是标记语言的基本单元，元素是通过使用 HTML5标签进行定义的。元素（element）指文档的各种成分（如头、标题、段落、表格和列表等）。元素的类型、属性和范围用标签来标识、设置和界定。可以把元素放到其它元素之中，称为嵌套，元素之间可以嵌套（形成树状结构），但不能交叉。嵌套的诸元素构成父子关系，外层称为父元素，内层称为子元素，多级嵌套则形成多重辈分的层次等级关系。 2.1 HTML5基础——元素与标签《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》标签（tag，标志/标记/标识/标注）是用来描述文档内容的类型、组成与格式化信息的文本字符串，用一对尖括号“”和“”括起，位于起始标签和终止标签之间的文本是元素的内容。标签可用于标识元素的类型，设置元素的属性，并界定元素内容的始末。如这是一个HTML5元素：b此文本是粗体的。/b开始标签、结束标签与内容相结合，便是一个完整的元素。 2.1 HTML5基础——元素与标签《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》元素可按有无元素内容分为非空元素和空元素两类，对应的标签为非空标签与空标签。非空元素与标签非空元素指含有内容的元素，非空标签指标识非空元素的标签，有开始和结束两个标签。非空元素标签语句语法如下：元素名[属性名=属性值] …元素内容/元素名其中“元素名[属性名=属性值] …”标识元素的开始，方括号内为可选内容。“/元素名”标识元素的结束。a href=/清华大学/a 2.1 HTML5基础——元素与标签《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》空元素与标签 空元素指不含内容的元素，通常用来在元素所在位置插入或嵌入特定的一些东西。一个空元素只有一个标签。空元素标签语句语法如下：元素名[属性名=属性值] … /例如图像、换行和水平线元素。img src=lena.gif /br /hr /空元素标签语句中的“/”通常省略。 2.1 HTML5基础——元素与标签HTML5参考手册表2.2列出了HTML5按字母顺序排列的常用元素。 最新规范可参阅 /multipage/上的文档内容。《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》 2.1 HTML5基础——属性《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》属性为HTML5元素提供附加信息。属性总是以“名称/值”对的形式出现，比如： “name=value”，属性总是在HTML5元素的 开始标签中规定。一个属性必须包含如下内容：在元素和属性之间有个空格（如果已经有一个或多个属性，要与前一个属性之间有一个空格，出现的顺序无关紧要。）。属性后面紧跟着一个“=”符号。有一个属性值，属性值要用单引号或双引号括起来，单引号括起来的属性值中可以包含双引号，双引号括起来的属性值中也可以包含单引号。 2.1 HTML5基础——属性全局属性 有些属性是所有标签通用的，称为全局属性，同时各个标签都有自己的特殊属性。常用的全局属性是标签使用最多也是最重要的属性。《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》 2.1 HTML5基础——属性《HTML5+CSS3+ES6贯穿式项目