目录
定义：纯文本只包含文字内容，不能包含文字以外的，例如图片、视频等
纯文本文件：文件内部只能书写纯文本，而且不能保存样式。最常见的.txt文件，还有.html,.css,.js
非纯文本文件：最常见的Word文档.doc，还有.ppt
区别：占用空间大小,格式保存
所有的纯文本编辑器都能编辑HTML文件：记事本、Editplus、notepad++等
市场上活跃度高的代码编辑器：sublime，Visual studio code（推荐），Webstrom，Hbuilder
注意：VScode 安装记得安装Chinese下载，转换为中文，插件用什么装什么就行
VScode常用必备插件：Elm Emmet、HTML CSS Support、HTML Snippets、Subline Text Keymap and Settings Importer
HTML 骨架——html:5-->tab
快速生成元素——元素名-->tab
自动生成多个元素——div*5-->tab
生成h1-h6——h$*6-->tab
复制当前行文本——shift+alt+键盘上下箭头
删除当前行——ctrl+shift+k
选中多个光标——按住滚轮键不松手，向下拖拽鼠标（不是滚动滚轮）
在任意位置换行——按住ctrl+enter
放大或缩小文字——ctrl+键盘（+或者-）
<!DOCTYPE html>
<html lang="en">
<head>
? ? ? ?<meta charset="UTF-8">
? ? ? ?<meta name="viemport content="width=device-width,initial-scale=1.0">
? ? ? ?<title>Document</title>
<head>
<body>
<body>
</html>
（Document Type Definition,文本类型定义）,必须出现在第一行，让浏览器知道是什么格式的文件
<!DOCTYPE html>
<!>,表示警示标签
DOCTYPE表示文档类型，html就是HTML超文本标记语言
整个网页必须被<html></html>包裹，它里面有<head></head>和<body></body>两部分。
<head></head>：网页的配置
<body></body>：网页的正式内容，浏览器可视区域
标签有一个属性lang，是英文language语言的意思，表示整个网页的主题语言。
en表示英文，中文表示法有三种：zh，cn，zh-CN
需要注意的是，无论哪种语言，都是用英文开发！！！
<html lang="en">
<html lang="zh-CN">
几乎所有的配置都是写在meta标签中的，而meta就是“元”的意思，表示基本配置。
<meta charset="UTF-8">
<meta charset="gb2312">
<meta charset="gbk">
charset是英语character set文字集合的意思。
在计算机中所有的字实际上都是按某种规律排列而成。
不同的字符集有不同的规律。
不同字符集中的字，在计算机内部表达不一样的：
| 字符集 | 字库是否全面 | 优缺点 |
| UTF-8 | 这个字库涵盖了地球上所有国家、民族的语言文字。非常全，每年更新，它是一个国际化的字库 | 每个汉字占3个字节。所以如果你想网页快一点打开，不能使用UTF-8。 新华网的阿拉伯语频道、日语频道等都要使用UTF-8. |
| gb2312 | gb是国标的意思，只有汉族的文字和少量其他符号。 | 每个汉字占2个字节。 几乎所有的门户网站，都是gb2312。 |
| gbk | gbk是gb2312的略微增强版，文字稍微多了点， gbk也是只有汉语，只不过多了点怪异汉语字，比如“喆”。 | 每个汉字占2个字节。 几乎所有的门户网站，都是gbk。 |
（部分文本及图表来源于马士兵教育HTML相关课程）