创建表格html作为图像

Question

https://jsfiddle.net/tn7rd9sq/

我需要创建此图像的表格：

    <table border='1'>
      <tr>
        <th rowspan="3">text</th>
        <th colspan="2">text</th>
      </tr>
      <tr>
       <td>text</td>
       <td>text</td>
      </tr>
      <tr>
         <td>1</td>
          <td>2</td>
      </tr>
      <tr>
       <td>other text</td>
       <td>2</td>
       <td>2</td>
      </tr>
    </table>

我不知道如果有3个人一起做这个部分

Answer 1

＆＃13;

＆＃13;

td {
  width: 20px;  
  height: 20px;  
}

td.wider {
  width:  60px;
}

tr.taller {
  height: 40px;  
}

＆＃13;

<table border='1'>
  <tr class="taller">
    <td class="wider" rowspan="3"></td>
    <td colspan="6"></td>
  </tr>
  <tr>
    <td colspan="3"></td>
    <td colspan="3"></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;