Html-基本認知(四)_Table標籤簡介

20161112 更新 : 新增 Div + Css 範例連結

看到Table表格標籤不知不覺就想到表格( 廢話
此 Table 標籤可以參考看看
如果資料異動、UI需求不大在使用
不然建議使用 Div + Css 方法

標籤	功能	說明	用法
<table><tbody><tr><th><td>	表格	table : 表格框架 tbody : 可不加入。 加入，載入完後顯示。 不加，邊載邊顯示。 tr( table row ) : 列 th( table head ) : 標頭 td( table data ) : 資料 th 和 td 差異? th 會把標頭文字邊粗體	因程式碼無法對齊，所以放置於下方
<caption></caption>	表格標題	放置在 table 下方

<table>
    <caption>班級人數</caption>
    <tbody>
        <tr>
            <th>班級</th>
            <th>人數</th>
        </tr>
        <tr>
            <td>101</td>
            <td>36</td>
        </tr>
        <tr>
            <td>102</td>
            <td>39</td>
        </tr>
    </tbody>
</table>

參考資料：Div+Css Table
參考資料：HTML Table 表格