先理一下HTML一些比较常用的标签，可能是掘金对标签自动解析了导致写出来的时候标签已经不存在了，也懒得一个个转义（下面转义字符有介绍），所以我在每个标签后面添加了一个空格让标签不被解析。
文本标题标签
文本标题共有6个（h1-h6）
< h1>一级标题< /h1> (唯一性,一个页面尽量只使用一个h1标签，利于搜索引擎检索，一般用来放网站LOGO)
< h2>二级标题< /h2>
...
< h6>六级标题< /h6>
标题标签里面的文本自动加粗、字体尺寸变大，h1-h6字体尺寸由大到小
字体倾斜&加粗标记
文本倾斜:
< i>< /i> 标签内文本会倾斜
< em>< /em>
文本加粗
< b>< /b> 标签内文本会加粗
< strong>< /strong>
下划线
< u>< /u> 标签内文本带有下划线
换行&水平分割线
< br> 标签后自动换行
< hr> 标签为独占一行的水平分割线
上标&下标
< sup>< /sup> 标签内内容会出现在上方
< sub>< /sub> 标签内内容会出现在下方
div
< div> 可定义文档中的分区或节
段落标记
< p>< /p>
字符
< span>< /span>
常用转义字符
& nbsp; 不换行空格
& gt; >右尖括号
& lt; <左尖括号
& copy; 备案中图标版权 ©
列表
无序列表
< ul>
< li>列表项内容< /li>
< li>列表项内容< /li>
< li>列表项内容< /li>
........
< /ul>
有序列表
< ol>
< li>列表项内容< /li>
< li>列表项内容< /li>
< li>列表项内容< /li>
........
< /ol> type:规定列表中的列表项目的项目符号的类型
语法：< ol type=“ a">< /ol>
1 数字顺序的有序列表（默认值）（1, 2, 3, 4）。
a 字母顺序的有序列表，小写（a, b, c, d）。
A 字母顺序的有序列表，大写（A,B,C,D)
i 罗马数字，小写（i, ii, iii, iv）。
I 罗马数字，大写（i, ii, iii, iv）。
start 属性规定有序列表的开始点。(start的属性值必须是数字) 语法：< ol start="5">< /ol>
自定义列表
< dl>
< dt>< /dt>
< dd>< /dd>
........
< /dl>
超链接
< a>< /a>
属性： href = 'url'; 链接的地址。
target = "_black / _self"; 分别是空白页面跳转和自身页面跳转。
title = '文本提示'; 鼠标移上去出现的文本提示。
rel = 'nofollow'; 告诉搜索引擎，不要将该链接计入权重。因此多数情况下，我们可以将一些不想传递权重的链接进行nofllow处理；例如一些非本站的链接，不想传递权重，但是又需要加在页面中的像统计代码、备案号链接、供用户查询的链接等等。
图片
< img>
属性：
src = 'url'; 图片路径
alt = ' 标签 实例 带有指定替代文本的图像'
title = '文本提示'
width = '' 图片宽度
height = '' 图片高度
border = '' 图片边框
图片 title 和 alt区别：
alt:
1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户，以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候，图片的替换文字。
2、alt属性值得长度必须少于100个英文字符
3、alt属性是img标签的必须属性，如果没有特别意义的图片，可以写alt=""
4、alt属性是搜索引擎判断图片与文字是否相关的重要依据，alt属性添加到img主要的目的才是为了SEO
title:
1、title属性并不是必须的。
2、title属性规定元素的额外信息，有视觉效果，当鼠标放到文字或是图片上时有文字显示。
3、title属性并不作为搜索引擎抓取图片的参考，更多倾向于用户体验的考虑。
图片相对路径
同级：
1)当当前文件与目标文件在同一目录下，直接书写目标文件的文件名+扩展名； 上级找下级：
2)当当前文件与目标文件所处的文件夹在同一目录下，写法如下：
文件夹名/目标文件全称+扩展名；
下级找上级：
3)当当前文件所处的文件夹和目标文件在同一目录下，写法如下：
../目标文件文件名+扩展名；
HTML注释
< !-- 注释 -->
表格基本结构
< table> < tr>
< td>< /td>
< td>< /td>
< /tr>
< /table>
< !--
table 为表格
tr 行
td 列（每一个单元格）
-->
表单
< form>< /form>
属性 ：
action = '接口地址'
method = 'get / post' 文件传输方式
name = '表单名称'
表单控件：
< input>
属性： type = '控件类型'
name：属性标识表单域的名称；
Value：属性定义表单域的默认值，其他属性根据type的不同而有所变化。
maxlength：控制最多输入的字符数，
Size：控制框的宽度（以字符为单位）
1）文本框
< input type="text" value="默认值"/>
2)密码框
< input type="password" />
3)提交按钮
< input type="submit" value="按钮内容" />
4)重置按钮
< input type="reset" value="按钮内容" />
5)空按钮
< input type="button" value="按钮内容" />
6）单选按钮组
< input type=“radio” name=“ral” />男
< input type=“radio” name=“ral” checked=“checked”/>(默认选中)女
7）复选框组
< input type="checkbox" name="" />
< input type="checkbox" name="" disabled="disabled" />
* disabled="disabled" (禁用)
* checked="checked" (默认选中)
8）下拉列表（菜单）：
< select >
< option>下拉选项1< /option>
< option>下拉选项2< /option>
…………
< /select>
表示下拉列表，name属性不是必须的
默认选择项用selected属性；
9）表单域多行文本定义：
语法: < textarea name="" cols="" rows="" >< /textarea>
多行文本。rows属性和cols属性用来设置文本输入窗口的高度和宽度，单位是字符。
阻止浏览器对窗口的拖动设置:{resize:none;}（css属性）
10)上传文件： 语法：< input type="file">
表单标签
1）表单字段集 语法：< fieldset>< /fieldset>
说明：相当于一个方框，在字段集中可以包含文本和其他元素。该元素用于对表单中的元素进行分组并在文档中区别标出文本。fieldset元素可以嵌套，在其内部可以在设置多个fieldset对象。disabled定义空间禁制可用；
2）字段级标题：
语法：< legend align="left/center/right/justify">< /legend>
说明：legend元素可以在fieldset对象绘制的方框内插入一个标题。legend元素必须是fieldset内的唯一个元素。
3)提示信息标签：
语法：< label for="绑定控件id名">< /label>
说明：label元素用来定义标签，为页面上的其他元素指定提示信息。要将label元素绑定到其他的控件上，可以将label元素的for属性设置为与该控件的id属性值相同。
