html table双层表头

HTML表格双层表头是指在表格中有两行表头，第一行表头通常是表格的主题，第二行表头则是表格的子主题。这种表格可以更好地组织和呈现数据，使得数据更加易于理解和分析。在HTML中，可以使用thead和th标签来创建双层表头。其中，thead标签用于定义表格的表头部分，而th标签则用于定义表头单元格。可以使用colspan和rowspan属性来合并单元格，从而创建双层表头。同时，可以使用CSS样式来美化表格，例如设置表格的宽度、高度、字体、颜色等等。

示例代码如下：

<table>
  <thead>
    <tr class="firstHead">
      <th rowspan="2">主题</th>
      <th colspan="3">子主题1</th>
      <th colspan="3">子主题2</th>
    </tr>
    <tr class="twoHead">
      <th>项目1</th>
      <th>项目2</th>
      <th>项目3</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>
      <td>4</td>
      <td>5</td>
      <td>6</td>
    </tr>
    <tr>
      <td>数据2</td>
      <td>7</td>
      <td>8</td>
      <td>9</td>
      <td>10</td>
      <td>11</td>
      <td>12</td>
    </tr>
  </tbody>
</table>