Tabellenzellen in HTML verbinden
Ein Beipiel in dem Zeilen und Spalten einer HTML-Tabelle verbunden werden.
<table border="1">
<tr>
<td>Spalte 1 / Zeile 1</td>
<td>Spalte 2 / Zeile 1</td>
<td>Spalte 3 / Zeile 1</td>
<td colspan="2">Spalte 4 und 5 / Zeile 1</td>
</tr>
<tr>
<td>Spalte 1 / Zeile 2</td><td>Spalte 2 / Zeile 2</td>
<td>Spalte 3 / Zeile 2</td><td>Spalte 4 / Zeile 2</td>
<td>Spalte 5 / Zeile 2</td></tr>
<tr>
<td>Spalte 1 / Zeile 3</td>
<td rowspan="2">Spalte 2 / Zeile 3 und 4</td>
<td>Spalte 3 / Zeile 3</td>
<td>Spalte 4 / Zeile 3</td>
<td>Spalte 4 / Zeile 3</td>
</tr>
<tr>
<td>Spalte 1 / Zeile 4</td>
<td>Spalte 3 / Zeile 4</td>
<td colspan="2" rowspan="2">Spalte 4 und 5 / Zeile 4 und 5</td>
</tr>
<tr>
<td>Spalte 1 / Zeile 5</td>
<td>Spalte 2 / Zeile 5</td>
<td>Spalte 3 / Zeile 5</td>
</tr>
</table>
Und so sieht die Tabelle dann aus:
| Spalte 1 / Zeile 1 | Spalte 2 / Zeile 1 | Spalte 3 / Zeile 1 | Spalte 4 und 5 / Zeile 1 | |
| Spalte 1 / Zeile 2 | Spalte 2 / Zeile 2 | Spalte 3 / Zeile 2 | Spalte 4 / Zeile 2 | Spalte 5 / Zeile 2 |
| Spalte 1 / Zeile 3 | Spalte 2 / Zeile 3 und 4 | Spalte 3 / Zeile 3 | Spalte 4 / Zeile 3 | Spalte 4 / Zeile 3 |
| Spalte 1 / Zeile 4 | Spalte 3 / Zeile 4 | Spalte 4 und 5 / Zeile 4 und 5 | ||
| Spalte 1 / Zeile 5 | Spalte 2 / Zeile 5 | Spalte 3 / Zeile 5 | ||