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
Neuen Kommentar hinzufügen

Sie können einen Kommentar abgeben, indem Sie das unten stehende Formular ausfüllen. Nur Text.

Ihre E-Mail-Adresse wird nicht veröffentlicht