表格：用来展示数据，让数据显示整齐规范
列表：用来布局，可以让页面布局整齐规范
表单：用来收集用户信息
表格 table
表格作用：是一种比较常用的标签，但不是用来布局，常见显示、展示表格式数据。
因为它可以让数据显得非常规整，可读性好。
特别是后台展示数据的时候表格运用是否熟练就显得很重要。
1.创建表格
创建表格的基本语法：
<table>
<tr>
<td>单元格内的文字</td>
</tr>
</table>
1.table用来定义一个表格标签
2.tr标签用来定义表格中的行，必须嵌套在table标签中
3.td用来定义表格中的单元格，必须嵌套在标签中
4.字母td指表格数据（table data）,即数据单元格的内容
2.表格属性
下面所有的属性全部都是加在<table这里面的><table
在<table里面添加属性设置表格属性> </table>
border：设置表格的边框，默认参数为0，这时不显示表格，可以改为1
height:高
width:宽
align:水平对齐方式 三种方式：left左,center中,right右
cellspacting:单元格与单元格之间的距离，一般设置为0
cellpadding:内容与单元格边框的距离
经常有个说法，三参为0，border cellpadding cellspacing为0
3.表头单元格标签th
作用：一般用于表头单元格位于表格第一行或者第一列，并且文本加粗居中
语法：只需要用表头标签<th></th>代替相应的单元格标签<td></td>
th也是一个单元格，只不过和普通的td单元格不一样，他会让自己里面的文字居中且加粗
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
或者
<th>张子</th>
<td>18</td>
<td>男</td>
表头用thead 复制粘贴进去
剩下的用tbody 复制粘贴进去
如果下面有结论的话，就用tfoot复制粘贴进去
4.表格标题caption
定义和用法
caption 要嵌套在table里面使用
<table>
<caption>我是表格标题</caption>
</table>
1.caption元素定义表格标题，通常这个标题会被居中且显示在表格之上
2.caption标签必须紧随table标签只后
3.这个标签只存在表格里面才有意义。
5.合并单元格（难点）
1.跨行合并：rowspan=“合并单元格的个数”
2.跨列合并：colspan="合并单元格的个数“
5.2合并单元格顺序
合并顺序：先上 后下 先左 后右的顺序
5.3合并单元格三部曲
1.先判断是跨行还是跨列合并
2.根据 先上 后下 先左 后右的原则找到目标单元格，然后写上合并方式 还有要合并的单元格数量
比如：<td colspan="3"> </td>
3.删除多余的单元格
6.总结表格
<table></table>表格标签：就是一个四方盒子
<tr></tr>表格行标签：行标签要在table标签内部才有意义
<td></td>单元格标签：单元格标签是个容器级元素，可以放任何东西
<th></th>表头单元格标签：他是一个单元格，但是里面的文字会居中且加粗
<caption></caption>表格标题标签：表格的标题，跟着表格一起走，和表格居中对齐
rowspan和clospan 合并属性：都是在<td></td>用来合并单元格,三部曲
7.拓展阅读@
表格划分结构（了解）只存在table中
1.<thead></thead>:用于定义表格的头部。用来放标题之类的东西。<thead>内部必须拥有<tr>标签！
2.<tbody></tbody>:用于定义表格的主体。放数据本体
3.<tfoot></tfoot>放表格的脚注之类。
4.以上标签都是放到table标签中
