HTML-Tabelle mit Zeilenspanne

Question

Wie kann ich ein Tabellenlayout wie unten in HTML erstellen?

------------------------------- 
|  2  | 1 row | 
|  rows  |-------------| 
|---------------|  2  | 
| 1 row  | rows  | 
------------------------------- 

Answer 1

Sie können versuchen, die Höhe für jede Zelle in Spalten festzulegen. Und verwende rospan-Attribut.

td { 
 
    width: 100px; 
 
}

<table border="1"> 
 
    <tr> 
 
    <td rowspan="2" height="80">2 rows</td> 
 
    <td height="40">1 row</td> 
 
    </tr> 
 
    <tr> 
 
    <td rowspan="2" height="80">2 rows</td> 
 
    </tr> 
 
    <tr> 
 
    <td height="40">1 row</td> 
 
    </tr> 
 
</table>