Marc's html-Tutorial

Tabellen 2/6

Mit den <td>-Atributen "rowspan" und "colspan" kann man einzelne Zellen mehrere Zeilen hoch bzw. Spalten breit machen. (Siehe Quelltext!)

Zelle 1 Zelle 2 Zelle 3 Zelle 4

Zelle 5 Zelle 6 Zelle 7 Zelle 8

Zelle 9 Zelle 10 Zelle 11

Zelle 12 Zelle 13 Zelle 14

Wichtig ist das am Ende die Rechnung stimmt:

Zeile 1:

Zelle 1 + Zelle 2 + Zelle 3 + Zelle 4

= 4 Spalten breit

Zeile 2:

Zelle 5 + Zelle 6 + Zelle 7 + Zelle 8

= 4 Spalten breit

Zeile 3:

Zelle 9 + Zelle 6 + Zelle 10 + Zelle 11

= 4 Spalten breit

Zeile 4:

Zelle 12 + Zelle 13 + Zelle 13 + Zelle 14

= 4 Spalten breit

(colspan="2")

Spalte 1

Spalte 2

Spalte 3

Spalte 4

Zelle 1

+
Zelle 5

+
Zelle 9

+
Zelle 12

Zelle 2

+
Zelle 6

(rowspan="2")
+
Zelle 6

+
Zelle 13

Zelle 3

+
Zelle 7

+
Zelle 10

+
Zelle 13

Zelle 4

+
Zelle 8

+
Zelle 11

+
Zelle 14

=
4 Zeilen

<< zurück weiter >>