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 |