創建表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

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

 
td.wider { 
 
    width: 60px; 
 
} 
 

 
tr.taller { 
 
    height: 40px; 
 
}

<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>