HTML Tfoot标签

简介

HTML <tfoot> 标签定义了表格的页脚（即表格的底部部分），其中可以包含表格摘要、统计值、注释等信息。

语法

<table>
  <thead>
    <!-- 表格头部内容 -->
  </thead>
  <tbody>
    <!-- 表格主体内容 -->
  </tbody>
  <tfoot>
    <!-- 表格页脚内容 -->
  </tfoot>
</table> 

属性

• align：规定表格页脚的对齐方式。
• bgcolor：规定表格页脚的背景颜色。

示例

<table>
  <thead>
    <tr>
      <th>编号</th>
      <th>产品名称</th>
      <th>价格</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>001</td>
      <td>iPhone X</td>
      <td>8999元</td>
    </tr>
    <tr>
      <td>002</td>
      <td>Huawei P30 Pro</td>
      <td>5988元</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">合计：</td>
      <td>14987元</td>
    </tr>
  </tfoot>
</table>

结果如下：

注意事项

• <tfoot> 标签必须与 <thead> 和 <tbody> 标签一起使用，且必须放在它们的后面。
• <tfoot> 标签只能出现在 <table> 标签中。

结论

使用 <tfoot> 标签，可以清晰易懂地展示表格数据和汇总信息，使得页面更加美观和易于阅读。