Benutzerspezifische Werkzeuge
Sie sind hier: Startseite / Programmierung / HTML / Tabellenzellen verbinden

Tabellenzellen 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