Part 1-6 表格

表格实例

<table>
    <caption>五险一金缴纳</caption> <!-- table 标题，table里面第一个元素 -->
    <thead> <!-- 使用 thead 包裹表头行 -->
        <tr>
            <th>缴纳项目</th>
            <th>个人缴纳</th>
            <th>单位缴纳</th>
        </tr>
    </thead>
    <tbody> <!-- 使用 tbody 包裹内容 -->
        <tr>
            <td>养老</td>
            <td>8%</td>
            <td>14%</td>
        </tr>
        <tr>
            <td>医疗</td>
            <td>2%</td>
            <td>6.2%</td>
        </tr>
        <tr>
            <td>失业</td>
            <td>1%</td>
            <td>2%</td>
        </tr>
        <tr>
            <td>工伤</td>
            <td>0%</td>
            <td>0.4%</td>
        </tr>
        <tr>
            <td>生育</td>
            <td>0%</td>
            <td>0.5%</td>
        </tr>
        <tr>
            <td>公积金</td>
            <td>14%</td>
            <td>14%</td>
        </tr>
    </tbody>
</table>

效果[加了CSS]

• 每个表格由行与列组成，<table>表示表格，<tr>表示行，<td>为单元格，<th>表示表头的单元格，每行可以由多个单元格组成，每一个单元格就是一列.
• 为了更清楚的区别表头和内容部分，还可以使用<thead>包裹表头的<tr>，<tbody>包裹所有内容的<tr>，除此之外还可以为表格添加一个标题<caption>

参考资料

关于<table>更多可参看： <table>