带有 thead，tfoot 和 tbody 的表 - 在线编辑器

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

  table,
  th,
  td {
    padding: 5px;
    border: 1px solid black;
  }
</style>

<p>带有 <code>thead</code>，<code>tfoot</code> 和 <code>tbody</code> 的表格</p>
<table>
  <thead>
    <tr>
      <th>头部内容 1</th>
      <th>头部内容 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>主体内容 1</td>
      <td>主体内容 2</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>底部内容 1</td>
      <td>底部内容 2</td>
    </tr>
  </tfoot>
</table>

        