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 跨列合并