[05]HTML基礎之表格標籤

1. <table>標籤

表格容器，儘可能避免用屬性書寫樣式，而是用CSS來表達

border: 數字  //表格邊框寬度

2. <caption>標籤

表格的標題，通常出如今表格上方，可經過CSS更改方向

3. <tr>標籤

表示表格的一行。

4. <th>標籤

表頭的一個單元，與<tr>相比，通常作一列的標題，不展現內容

5. <tr>標籤

表格的一個單元，表格的最小單位

6. <col>標籤

表示當前所佔的列數,用於應用CSS樣式，span屬性指定應用樣式的列數。span：橫跨的列數

7. <colgroup>標籤

對<col>標籤進行分組。

8. <thead>標籤

表示表格的頭部

9. <tbody>標籤

表示表格的主體

10. <tfoot>標籤

表示表格的腳部

因爲表格標籤並不單獨使用，這裏放在一塊兒作個集合。這些標籤有許多屬性，但大部分都是關於佈局之類的，而這些屬性實現的效果，用CSS也能夠實現。因此，在html5以後，已經不推薦使用這些屬性。

<!-- 表格容器 border：表格邊框 -->
<table border>
    <!-- 表格標題 -->
    <caption>用戶</caption>
    <!-- 列容器 -->
    <colgroup>
        <!-- 應用CSS樣式的列 span:列數 -->
        <col style="background:#f60"></col>
        <col style="color:#f60"></col>
    </colgroup>
    <!-- 表格頭部 -->
    <thead>
        <!-- 表格一行 -->
        <tr>
            <!-- 頭部單個單元格 -->
            <th>姓名</th>
            <th>年齡</th>
        </tr>
    </thead>
    <!-- 表格主體 -->
    <tbody>
        <tr>
            <!-- 主體單個單元格 colspan:橫跨列數 rowspan:橫跨行數 -->
            <td>張三</td>
            <td>18</td>
        </tr>
    </tbody>
    <!-- 表格底部 通常用於統計之類 -->
    <tfoot>
        <tr>
            <th>1個</th>
            <th>2項</th>
        </tr>
    </tfoot>
</table>