表格
1.table
-tr 表示表格中的一行
-td 表示单元格
<table>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
-rowspan 纵向的合并单元格
-colspan 横向的合并单元格
-可以把表格分成三个部分（头部 thead，主体 tbody，底部 tfoot）。th 表示头部的单元格，居中加粗。这三个部分无论放在哪，都是按以上顺序显示。
表格的样式
1.border-spacing:; 指定边框之间的距离。
2.border-collapse: collapse; 设置边框的合并。
3.如果表格中没有使用tbody而是直接使用tr，那么浏览器会自动创建一个tbody，并且将tr全都放到tbody中。tr不是table的子元素，table>tr这种选择器错误，应该是tbody>tr。
4.默认情况下元素在td中是垂直居中的，垂直方向以通过vertical-align设置，水平方向用text-align设置。
5.我们设置垂直居中可以考虑把元素display设置为table-cell，这样子元素就可以使用vertical-align设置居中。元素变成特殊的行内，其它元素下一行显示，同类型在一行。
表单
1.在现实生活中中表单用于提交数据。
2.在网页中也可以使用表单，网页中的表单用于将本地的数据提交给远端的服务器。
3.使用form标签创建一个表单。
<body>
<!--
form的属性
action 表单要提交的服务器的地址
-->
<form action="target.html">
<!--
文本框
注意：数据要提交到服务器中，必须要为元素指定一个name属性值
-->
文本框 <input type="text" name="username">
<br><br>
<!--
密码框
-->
密码框 <input type="password" name="password">
<br><br>
<!--
单选按钮
- 像这种选择框，必须要指定一个value属性，value属性最终会作为用户的填写的值传递给服务器
- checked 可以将单选按钮设置为默认选中
-->
单选按钮 <input type="radio" name="hello" value="a">
<input type="radio" name="hello" value="b" checked>
<br><br>
<!--
多选框
-->
多选框 <input type="checkbox" name="test" value="1">
<input type="checkbox" name="test" value="2">
<input type="checkbox" name="test" value="3" checked>
<br><br>
<!-- 下拉列表 -->
<select name="haha">
<option value="i">选项一</option>
<option selected value="ii">选项二</option>
<option value="iii">选项三</option>
</select>
<br><br>
<!--
提交按钮
-->
<input type="submit" value="注册">
</form>
</body>
学识浅薄，如有错误，恳请斧正，在下不胜感激。