初识HTML5
（默认使用VScode)
推荐安装AI插件辅助：如千义通问之类的
emmet插件：自动生成HTML初始代码片段(输入“!” 按下tab键)
<!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>
0. 注释
注释为代码的阅读者提供帮助，注释不参与运行
在HTML中，注释以<!--开头，以-->结尾，中间是注释内容
在CSS中，注释以/*开头，以*/结尾，中间是注释内容
/* 注释内容 */
1. 标签/元素
例如
<a href="www.baidu.com" title="百度">百度</a>
元素 = 起始标记（begin tag） + 内容 + 结束标记（end tag）（+元素属性）
属性 = 属性名 + 属性值
属性的分类：
- 局部属性：某些元素特有的属性
- 全局属性：所有元素通用的属性
有些元素没有结束标记，这样的元素叫做空元素
空元素的两种写法：
<>< />
2. 元素的嵌套
元素不能相互嵌套
父元素、子元素、祖先元素、后代元素、兄弟元素（拥有同一个父元素的元素）
3. 标准的文档结构
W3C定的标准
HTML：
文档声明，告诉浏览器当前文档使用的HTML最新版本的标准
<!DOCTYPE html>
不写文档声明，将导致浏览器进入怪异渲染模式。
根元素：
一个页面最多只能有一个，并且该元素是所有其他元素的父元素或祖先元素。
HTML5中没有强制要求书写该元素，但是建议写上，以防万一。
lang属性：language，全局属性，表示该元素内部使用的文字是使用哪一种自然语言写成的
<html lang="cmn-hans">
head元素
文档头（不会显示到页面上）
head元素包含文档的头部信息，比如文档的标题、文档的关键字、文档的描述等。
meta元素
文档元数据（附加信息）
meta元素包含文档的元数据，比如文档的创建时间、文档的修改时间、文档的作者等。
charset属性：指定网页的内容编码
<meta charset="UTF-8">
title元素
网页标题
body元素
文档主体（会显示到页面上）
body元素包含文档的主体内容，比如文档的标题、文档的正文、文档的图片等。
