这是我参与「第五届青训营 」伴学笔记创作活动的第 6 天
1、DOM树
如图所示的就是我们平常写的整个HTML文件划分出来的DOM树，也就是一个个节点，由根节点document，再到html节点，之后的head节点与body节点，从而展开。
我们平常写的html代码和内嵌的JavaScript代码写在body标签里面，也就是在body节点的后面继续细分的内容。嵌入的css代码一般写在head标签里面，也可以叫做head节点。
HTML的相关语法
标签和属性不区分大小写，推荐小写
因为后面我们在书写React代码的时候，常常会将组件的首字母大写，然后作为标签写入html代码里面，这样我们就可以通过标签首字母的大小写，一眼看出这个标签是html自带的，原生标签还是我们自己定义的组件标签
空标签可以不闭合，如：input，meta标签
这是在html里面适用的规则，但是如果在react里面书写的话，尽量还是把所有的标签都闭合，虽然不会出错，但是react会警告，编辑器会报错，原因就是因为标签不闭合。。。
属性值推荐用双引号包裹
##某些属性值可以忽略，如：required，readonly
因为这些属性值，基本与属性名相同，所以由于重复了，所以是可以省略不写的
常见的标签含义
六种标题样式
<h1>字体排印学</h1>
<h2>历史</h2>
<p>活字的雏形或可追溯至公元前两千年前后美
索不达米亚文明的乌鲁克和拉尔萨，砖块上面不
均匀的印花被视作有可能是活字思想雏形。</p>
<h3>印刷体源流</h3>
<p>中国在唐代就已经出现雕版印刷术，公元868
年的《金刚经》是现存最古老的印刷品之一，使用
的技术即是木雕版印刷。</p>
<h2>应用</h2>
<p>...</p>
效果图
标题标签一共分为六种，分别为：h1.h2,h3,h4,h5与h6
