html - 如何创建具有 3 列和 4 行的棘手 HTML 表格？

Question

我正在尝试创建一个像这张照片一样的表格

我对行跨度感到困惑。

Answer 1

您可以使用 online html table generator 进行测试.这是我尝试过的(简单版本，易于理解，不言自明):

<table border=1>
 <tbody>
  <tr>
   <th colspan="6">Seasons</th>
  </tr>
  <tr>
   <td colspan="2" rowspan="2">March/April</td>
   <td rowspan="5">spring</td>
   <td colspan="3">Cold</td>
  </tr>
  <tr>
   <td colspan="3">Warm</td>
  </tr>
  <tr>
   <td colspan="2" rowspan="3">picture</td>
   <td colspan="3" rowspan="3">Warm</td>
  </tr>
 </tbody>
</table>

所以基本上 rowspan和 colspan是你需要的。请注意，使用 rowspan创建一个 block ，以便下一个表数据 <td>在下一行<tr>会跳过。