html 表格

表格基本标签

table	表格
tr	行
td	单元格

 

 

 

 

表格结构标签

thead	表头
tbody	表身
tfoot	表脚
th	表头单元格

 

 

 

 

 

表的基本结构：

<table>
    <tr>
        <td>单元格1</td>
        <td>单元格2</td>
    </tr>
    <tr>
        <td>单元格1</td>
        <td>单元格2</td>
    </tr>
</table>

<table> </table> 标记着表格的开始与结束

<tr> </tr> 标记着行的开始与结束

<td> </td> 标记着单元格的开始与结束

表格的完整结构：

<table>
    <caption>表格标题</caption>
    <!-- 表头 -->
    <thead>
        <tr>
            <th>表头单元格1</th>
            <th>表头单元格2</th>
        </tr>
    </thead>

    <!-- 表身 -->
    <tbody>
        <tr>
            <td>标准单元格1</td>
            <td>标准单元格2</td>
        </tr>
        <tr>
            <td>标准单元格1</td>
            <td>标准单元格2</td>
        </tr>
    </tbody>

    <!-- 表脚 -->
    <tfoot>
        <tr>
            <td>标准单元格1</td>
            <td>标准单元格2</td>
        </tr>
    </tfoot>

</table>

合并行：

<tr rowspan="跨度的行数">

合并列：

<td colspan="跨度的列数">