学习任何一门语言，首先要掌握它的基本格式，就像写信需要符合书信的格式要求一样。学习 HTML ，同样需要掌握 HTML 的基本格式。
1.1 基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
-
<!DOCTYPE>：位于文档的最前面，用于向浏览器说明当前文件的使用哪种 HTML 或者 XHTML 标准规范。只有开头出使用<!DOCTYPE>声明，浏览器才能将该文档作为有效的 HTML 文档，并按指定的文档类型进行解析。上述的<!DOCTYPE html>即声明 HTML5 文档。 -
<html>：位于<!DOCTYPE>之后，也称为根标签。根标签主要用于告知浏览器其自身的是一个 HTML 文档，其中<html>标志着 HTML 文档的开始，</html>则标志着 HTML 文档的结束，在它们之间是文档的头部和主体内容。网页中的所有内容都必须包含在<html> </html>之内。 -
<head>：用于定义 HTML 文档的头部信息，也称为头部标签，紧跟在<html>之后。头部标签主要用来封装其他位于文档的头部的标签，例如 ：<title>、<meta>、<link>和<style>等，用来描述文档的标题、作者、以及与其他文档头部的关系。 -
<body>：用于定于 HTML 文档所要显示的内容，也称为主体标签。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标签内，最终展示给用户。
1.2 标签
带有“< >” 符号的元素就称为 HTML 标签，上述提到的<!DOCTYPE>、<html>、<head> 、<body> 都是 HTML标签。所谓的标签就是放在“< >” 符号中表示某个功能的编码命令，也称为 HTML 标记或者 HTML 元素。
1.2.1 标签的分类
根据标签的特点，可以分为两大类：双标签和单标签。
-
双标签：
双标签也称为体标签，是指由开始和结束两个标签符号组成的标签。
双标签的语法格式：
<标签名>内容</标签名> -
单标签
单标签也称为空标签，是指用一个标签符号即可完整地描述某个功能的标签。
单标签的语法格式：
<标签名 /> -
注释标签
注释的标签就是一种特殊功能的单标签。如果需要在 HTML 文档中添加一些便于阅读和理解，但又不需要显示在网页中注释文字，就需要使用注释标签。
注释标签的语法格式：
<!-- 注释内容 -->注意：注释内容不会显示在浏览器中，但是作为 HTML文档内容的一部分，注释标签可以被用户看见，所以在注释中一定要写正能量的内容
为什么使用单标签？
HTML 标签的作用原理就是选择网页内容，从而进行描述，也就是说需要描述哪个元素，就选择哪个元素，所以才会有双标签的出现，用于定义标签作用的开始与结束。而单标签本身就可以描述一个功能，不需要选择。
1.2.2 标签的关系
在网页中会存在多种标签，各标签之间都具有一定的关系。标签的关系主要是嵌套关系和并列关系。
-
嵌套关系
嵌套关系也称为包含关系，可以简单理解为一个双标签里面包含其他标签。
<head> <title></title> </head>上述代码中
head标签和title标签就是嵌套关系，我们通常最外面的标签称为“父标签”，里面的标签称为“子标签”。只有双标签才能作为“父标签”。
-
并列关系
并列关系也称为兄弟关系，就是两个标签处于同一级别，并且没有包含关系。
<head> </head> <body> </body><head>标签和<body>标签就是并列关系，无论是双标签和单标签，都可以是并列关系。