html 表格

<!-- HTML 表格示例代码 -->
<table border="1">
    <!-- 表格标题 -->
    <caption>示例表格</caption>

    <!-- 表头 -->
    <thead>
        <tr>
            <th>表头1</th>
            <th>表头2</th>
            <th>表头3</th>
        </tr>
    </thead>

    <!-- 表格主体 -->
    <tbody>
        <tr>
            <td>数据1</td>
            <td>数据2</td>
            <td>数据3</td>
        </tr>
        <tr>
            <td>数据4</td>
            <td>数据5</td>
            <td>数据6</td>
        </tr>
        <tr>
            <td>数据7</td>
            <td>数据8</td>
            <td>数据9</td>
        </tr>
    </tbody>

    <!-- 表格底部 -->
    <tfoot>
        <tr>
            <td colspan="3">这是表格的底部说明</td>
        </tr>
    </tfoot>
</table>

代码解释：

• <table>：定义一个表格。
• <caption>：为表格添加标题，位于表格上方。
• <thead>：定义表格的表头部分，通常包含列标题。
• <tbody>：定义表格的主体部分，包含实际的数据行。
• <tfoot>：定义表格的底部部分，可以用于添加额外的说明或总计等信息。
• <tr>：定义表格中的一行。
• <th>：定义表头单元格，通常用于表示列标题，文本默认居中且加粗显示。
• <td>：定义表格中的普通单元格，用于存放具体数据。
• border="1"：给表格添加边框，方便查看表格结构。