html设置表头在左侧的表格

要在 HTML 表格中设置表头在左侧，可以使用 `thead`、`tbody` 和 `th` 标签结合 CSS 样式来实现。以下是一个简单的示例：

<style>
  table {
    border-collapse: collapse;
  }
  th, td {
    border: 1px solid black;
    padding: 8px;
  }
  th {
    text-align: left;
  }
  tbody td:first-child {
    font-weight: bold;
  }
</style>

<table>
  <thead>
    <tr>
      <th></th>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>行1</td>
      <td>单元格1</td>
      <td>单元格2</td>
      <td>单元格3</td>
    </tr>
    <tr>
      <td>行2</td>
      <td>单元格4</td>
      <td>单元格5</td>
      <td>单元格6</td>
    </tr>
    <tr>
      <td>行3</td>
      <td>单元格7</td>
      <td>单元格8</td>
      <td>单元格9</td>
    </tr>
  </tbody>
</table>

在这个示例中，我们使用 `thead` 标签来放置表头，使用 `tbody` 标签来放置表格数据。我们还使用了 `th` 标签来定义表头单元格，使用 `td` 标签来定义数据单元格。使用 CSS 样式，我们将表格的边框合并，并设置了一些样式来调整表格的外观。注意到我们使用了 `:first-child` 伪类来选中每行的第一个单元格，并将其设置为粗体字。这个技巧可以用来将每行的第一个单元格作为左侧表头。