HTML lernen (2): Tabellen erstellen

Von: Kerstin Dankwerth
Stand: 1. September 2007
3.5
(2)
Beitrag bewerten
Anmelden um Kommentare zu schreiben

Zeilen & Spalten

Oftmals ist es notwendig, neben- oder untereinanderliegende Tabellenzellen zu verbinden. So lässt sich beispielsweise erreichen, dass Text über mehrere Spalten geschrieben werden kann. Wenn Sie z.B. die drei nebeneinander liegende Zellen der ersten Zeile verbinden, müssen Sie darauf achten, dass in den weiteren Spalten der Tabelle jeweils drei Zellen vorhanden sind, das heißt die Summe der Zellen in einer Spalte sollte immer gleich ist. Verbinden Sie untereinander liegende Zellen, müssen Sie ebenfalls darauf achten, dass jede Zeile die gleiche Anzahl von Zellen enthält.

Attribute

colspan="X"

Nebeneinander liegende Zellen werden verbunden. Der angegebene Wert bezieht sich auf die Zellen, die verbunden werden sollen. Das Attribut muss in der ersten Zelle eingesetzt werden, die verbunden werden soll.

rowspan="X"

Untereinander liegende Zellen werden verbunden. Der angegebene Wert bezieht sich auf die Zellen, die verbunden werden sollen. Das Attribut muss in der ersten Zelle eingesetzt werden, die verbunden werden soll.

Übung

Diese Übung zeigt eine Tabelle, in der einige Zellen sowohl zeilen- als auch spaltenweise miteinander verbunden sind. Zusätzlich wurde einigen Tabellenzellen eine andere Hintergrundfarbe zugewiesen. Legen Sie als erstes eine neue HTML-Datei an. Setzen Sie in der Tabelle anschließend die folgenden HTML-Anweisungen ein:

  • Rahmenstärke der Tabelle ein Pixel

  • Drei Spalten

  • Fünf Zeilen

  • Die Zellen der ersten Zeile werden verbunden.

  • Hintergrundfarbe = "#99CCCC"

  • Die Zellen der ersten Spalte werden ab der zweiten Zeile verbunden,

  • Hintergrundfarbe = "#99CCCC" (siehe Vorschau)

  • Hintergrundfarbe für die zweite und dritte Zelle der zweiten Zeile ="#0099CC"

Hier finden Sie die Lösung .

Dieser Beitrag ist öffentlich.
Zugriff auf alle Inhalte haben Sie als Mitglied

Werden Sie Probemitglied - kostenlos.

Ohne finanzielles Risiko haben Sie Zugriff auf alle Inhalte auf akademie.de, außer Downloads. Die Anmeldung dauert drei Minuten. Sie können während der ersten 14 Tage ohne Angabe von Gründen stornieren. Eine E-Mail genügt.

Weitere Informationen finden Sie auf unserer Infoseite zur Mitgliedschaft und in unseren AGB.

Ich bin bereits Mitglied
Jetzt Probemitglied werden
Ich kann in den 14 Tagen Probezeit formlos z.B. per E-Mail stornieren. Wenn ich das nicht tue, entscheide ich mich für ein