如何创建包含子列的HTML表？

我想制作一个HTML表，它表示以下结构：

ColumnHeading1            ColumnHeading2
SubHeading1A SubHeading1B SubHeading2A Subheading2B
data1A       data1B       data2A       data2B
data1A       data1B       data2A       data2B
data1A       data1B       data2A       data2B
data1A       data1B       data2A       data2B
...

---

如何使用诸如

，

，

，

，

之类的标记来实现这一点？我不知道如何将列标题2与副标题2a对齐。

这很简单。复制下面的代码并开始

   <table>
  <thead>
    <tr>
    <th colspan="2">head1</th>
          <th colspan="2">head1</th>
    </tr>

    <tr>
    <th>subhead</th>
    <th>subhead</th>
    <th>subhead</th>
    <th>subhead</th>
</tr>
  </thead>
  <tbody>
    <tr>  
      <td>data</td> 
      <td>data</td>
      <td>data</td>
      <td>data</td>

    </tr>
     <tr>  
      <td>data</td> 
      <td>data</td>
      <td>data</td>
      <td>data</td>

    </tr>
     <tr>  
      <td>data</td> 
      <td>data</td>
      <td>data</td>
      <td>data</td>

    </tr>
  </tbody>
</table>

标题1
标题1
分目
分目
分目
分目
资料
数据
数据
数据
资料
数据
数据
数据
资料
数据
数据
数据

该属性允许您拥有跨越多列的表标题（

th

）和单元格（

td

）。同样，

rowspan

将允许标题和单元格跨越多行

表格{
边界塌陷：塌陷；
}
th，
运输署{
边框：1px实心#888；
填充：0.25em 0.5em；
}

列标题1
列标题2
第1A子目
第1B子目
第2A子目
第2B子目
数据1A
数据1b
数据2a
数据2B
数据1A
数据1b
数据2a
数据2B
数据1A
数据1b
数据2a
数据2B
数据1A
数据1b
数据2a
数据2B