1.语法规范
1.1 概述
一般会包含开始标签和结束标签
偶尔特殊情况是单个标签，如<br/>, 称为 单标签
1.2 标签关系
- 包含关系： 下图的head 和 title是包含关系
- 并列关系 ：head 和body 是并列关系
2.基本结构标签
<html> # 根标签，HTML中最大的标签
<head> # 头部
<title> 我的第一个页面 </title> # 网页标题，必须设置
</head>
<body> # 文档主体
xxxxxxxxxx # 页面内容
</body>`
</html>
VSCODE中HTML的基本框架：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
3.网页开发工具
3.1 文档类型声明标签
< ! DOCTYPE html> ：
声明以哪个HTML版本来显示网页， 位置必须放在整个页面的第一行
本身并不属于HTML的一部分，而是给整个文档做声明
3.2 lang 语言种类
定义网页显示的语言，对浏览器和搜索引擎有一定作用
3.3 字符集
character 是多个字符的集合，规定文档使用的字符编码形式，一般是UTF-8
4.HTML常用标签
4.1 标题标签
标题标签为：
< h1 > — < h6>
4.2 段落、换行标签
段落：< p>
用于将文字分为上下两段，段落和段落之间的距离大于换行
换行： < br/>
直接放在需要换行的内容后面，代码遇到br强制换行
注意：
- br是一个单标签
合理利用标题，段落，换行标签可以让文本整齐有序
4.3 文本格式化
加粗：
< strong> xxx < /strong>
< b> xxx < /b>
推荐strong，因为更加强烈
倾斜：
< em> < /em>
< i> < /i>
推荐em，因为语气更加强烈
删除：
< del> </ del>
< s> < /s>
推荐使用del
下划线：
< ins> </ ins>
< u> < /u>
推荐使用ins
4.4 div 和 span
< div> 和 < span> 是没有语义的盒子标签，用于提供一段空间
- div： division，盒子，自己独占一行
- span：跨距，一行可以放很多span，可以理解为小盒子
