[A] HTML基本结构与属性
超文本标记语言(HyperText Markup Language)，标准通用语言下的一个应用，是网页制作必备的编程语言。
HTML：超文本 标记 语言
超文本：文本内容 + 非文本内容(图片，视频，音频等)
标记：即语法格式，<标签>
标记也叫标签，如<div></div>, <p></p>......
语言：编程语言
[B] HTML常见标签：
基础
格式
表单
框架
图像
音频/视频
链接
列表
表格
样式
节
元信息
编程
[C] 初始代码
每个.html文件都有的代码叫初始代码，要符合html文件的书写规范。
<!DOCTYPE html> //文档声明，告诉浏览器这是一个.html文件
<html lang="en"> //html文件的最外城标签，包裹着html标签代码. 此处lang = "en"表示这是一个英文网站，而lang = "zh-CN"表示这是一个中文网站
<head> //头部文件，网页中显示网址及其他信息的那一行内容
<meta charset="UTF-8"> //元信息：编写网页中的赋值信息， Charset = "UTF-8"国际编码，让网页不出现乱码情况
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> //网页标题，此处为Document
</head>
<body> // body代码区
网页显示内容
</body>
</html>
[D] HTML注释
<!--注释内容--> 把暂时不用的代码注释起来，方便以后使用，快捷键shift + alt + a
// 注释内容 单行注释 ctrl + /
/* 注释内容 */ 多行注释
[E] HTML语义化
即根据网页中内容的结构，选择合适HTML标签进行编写，即确定每个模块应该用哪种标签。
好处：
1. 在没有css的情况下，页面也能呈现出很好的内容结构；
2. 有利于SEO，让搜索引擎爬虫更好的理解网页；
3. 方便其他设备解析(如屏幕阅读器，盲人阅读器等等)；
4. 便欲断对开发和维护。