表格 table

用於呈現欄位項目長度相同內容，例如：學生資料

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>David</td>
            <td>18</td>
        </tr>
        <tr>
            <td>Helen</td>
            <td>20</td>
        </tr>
    </tbody>
</table>

thead 表頭

tbody 表身

tr table row，橫向

th table head，縱向

td table body，縱向

demo

沒有宣告 thead 與 tbody 對於顯示沒有影響，但是架構非正規。在後續使用第三方套件時，可能無法運作

顯示格線

透過 CSS 顯示格線

<style>
th, td {
    border: 1px solid #000;
}
</style>

消除間距

透過 CSS 消除間距

<style>
table {
    border-spacing: 0;
    border-collapse: collapse;
}
</style>