table布局基本格式

    <table border="1" cellspacing="0">
        <thead>
           <tr>
              <th>姓名</th>
              <th>学号</th>
              <th>成绩</th>
           </tr>
        </thead>
        <tbody>
           <tr>
              <td>张三</td>
              <td>12</td>
              <td>89</td>
           </tr>
           <tr>
              <td>李四</td>
              <td>22</td>
              <td>90</td>
           </tr>
        </tbody>
        <tfoot>
        </tfoot>
    </table>

tr 表示行，td表示列，th表示表头标题
最终上面的代码形成下面对应的表格

下面我们一起看看table的属性有哪些呢？

1. border：给表格及单元格加边框，属性值可以是1、2、3......
2. width: 设置整个表格的宽
3. height：设置整个表格的高
4. 注意：设置完表格的宽高后，每个单元格的宽高会自动分配
5. border-spacing:0;控制单元格之间的空白为0
6. border-collapse:collapse; 设置各单元格边宽以及外边宽重叠；
7. cellpadding：设置内容与边框的距离

合并单元格的问题

1. colspan 跨行合并
2. rowspan 跨列合并