末流大学计算机专业毕业找了一份文员工作，兜兜转转八年，还是决定重新学习编程，在同学和各种大数据推荐下，准备从前端开始。基于本人比较不自律的情况，报了某机构的网课，这里暂时不透露是哪个机构（大数据推的，效果好的话再跟大家讲）。培训的老师说做前端开发，一定要有自己的博客，推荐了掘金，那我就来了。
HTML
常用标签
标题标签，有6个标签，h1-h6，字体加粗，字变小，h1最大，h6最小。
<h1>这是第一个标题</h1><h2>这是第二个标题</h2><h3>这是第三个标题</h3><h4>这是第四个标题</h4><h5>这是第五个标题</h5><h6>这是第六个标题</h6>段落标签<p>这是段落</p>标题和段落标签都独占一行 一般标签都成对出现。常见的单标签有<br><hr><img><input><meta>文档标签<title>文档标题</title>加粗 或 倾斜 或 删除线或下划线或 水平线,斜线可不写 列表标签分为有序列表，无序列表，自定义列表。 有序列表
无序列表
li标签不能单独使用，只能放在ol或者ul标签中使用。 自定义列表 自定义列表含有三个标签： dl标签, definition lists的缩写, 自定义列表; dt标签, definition term的缩写, 自定义列表项; dd标签, definition description的缩写, 自定义列表项描述。
图片标签
<img src="" alt="" /><img>定义HTML网页中的图像，src为图像的地址，alt为替代图像的文本，img中可另外增加width，height属性指定图像的宽高。 超链接标签<a href="" target="_blank"></a>href属性为超链接的地址，target属性为_blank时,可在新标签中打开超链接的网页，href属性为_self时，即在原标签中打开超链接网页，target属性不写时，默认为_self。a标签中包裹的内容为网页上显示的标签文字，a标签中除了a标签其他标签都可放入。 表格标签
caption为表格的标题，作为table的第一个元素出现。 单元格的合并 colspan跨行
rowspan跨列
使用跨行跨列标签的时候要先确定在哪个单元格上写，确定起始点，跨几行/列。 table中其他标签：thead定义表头，tbody定义表核心内容，tfoot定心表脚，通常是汇总行。
表单
表单含多个控件，其中常用的如下图：
单行文本框
<input type="text" value="" placeholder="" />placeholder为提示文本，以浅色文字写在文本框中。
密码框
<input type="password" name="" id="" />
单选按钮
<input type="radio" name="" id="" />单选按钮可在两选一情况中使用，name属性值设置为同一个，使用lable标签可将文字和单选按钮进行绑定，用户单机文字的时候也视为点击了单选按钮。性别：<label><input type="radio" name="gender" id="" />男</label> <label><input type="radio" name="gender" id="" />女 </label>
复选框
<input type="checkbox" name="fruit" /><form action=""> <input type="checkbox" name="fruit" id="" />苹果 <input type="checkbox" name="fruit" id="" />橘子 <input type="checkbox" name="fruit" id="" />香蕉 </form>
下拉菜单
<select>标签表示下拉菜单，<option>为内部选项<form action=""> 选择居住地： <select name="loction" id=""> <option value="1">北京</option> <option value="2">上海</option> <option value="3">广州</option> <option value="4">深圳</option> </select> </form>
多行文本框
<form action=""> 自我介绍：<textarea name="" id="" cols="30" rows="10"></textarea> </form>
按钮 表单中常见的有三种按钮，也都为input标签，type属性值不同。
更丰富的input种类和html标签可参照菜鸟教程（www.runoob.com/html/html-t…
