HTML（Hyper Text Markup Language），超文本标记语言，用于实现网页结构，一般情况下（特殊情况也不知道有没有，不可一言以蔽之）都出现在html文档中。
那就先从HTML的结构开始（包含但不限于列出内容）
首先是头标签：
<! DOCTYPE html>
在HTML5之前这个里面要写好多好多东西（现在可能依然存在类似的情况），HTML5发布之后仅需要上述表示便可以向浏览器声明是HTML5编写的文档。目前能见到的大部分头标签都是如此。
关于"<"和">"是HTML中标签元素的基本结构，所有HTML标签元素都需要通过"<"和">"包裹，中间为声明的标签语义，用以区分标签在文档中的作用。
头标签之后就是html标签：
<! DOCTYPE html> <html> </html>
html结构以<html>为开始，以</html>为结束。这是html文档除头标签以外的最外层结构，其余内容都在其中填充。
如果和头标签对比，html标签增加一个闭合标签，也就是包含"/"的标签，这与起始标签在文档中形成首尾呼应，用于大部分成对出现的标签（少部分为单标签，即不需要包含"/"的标签）。
在html标签中嵌套的为head和body标签：
<! DOCTYPE html> <html> <head> </head> <body> </body> </html>
之所以选择把head和body放在一起说是因为这体现出来在文档编辑中的层级关系，显然head标签和body标签属于同一层级，通常使用缩进（四个空格键或者一个Tab键）划分层级以表明所属关系。
层级在之后的文档编辑中决定着结构，这是一个让人一目了然的文档所不可或缺的。
我认为head标签是文档的"灵魂"，body标签是文档的"躯体"。head标签内部的标签如link标签、meta标签等都是用来声明文档的一些内在属性，在浏览器状态下基本无法直接看到其内容（title标签除外）。但是head标签内部的改变可以决定同一套body标签内部的表现效果。在医学水平不断进步的今天，整容可以使两个人的躯体达到高度相似，就如同两个相同的body标签，但head中的内容也会让TA们中的差异显现出来。
body标签内是决定层级结构的部分，也正是我们在网页中能够直接看到的，我们通过标签的排列组合来完成这部分，让内容充实整个网页。
至此，html文档中的固定成分就形成了，这些固定成分在文档编辑器中也已经被模板化，可以通过导入插件以及快捷键迅速生成。
剩下的部分以后有机会再说。