Zurück zum Inhaltsverzeichnis

Tabellen

Tabellen werden in HTML ebenfalls als Text erzeugt. Sie sind ein mächtiges Hilfsmittel beim Seitenlayout. Dies sind die Elemente einer Tabelle:

Schema einer Tabelle
Tabelle 1
Spaltentitel 2 Spaltentitel 3 Spaltentitel 4
Zeilen-
titel 2		 Zelle:2,2 Zelle:2,3 Zelle:2,4
Zeilen-
titel 3		 Zelle:3,2 Zelle:3,3 Zelle:3,4
Zeilen-
titel 4		 Zelle:4,2 Zelle:4,3 Zelle:4,4

Aufgaben

  1. Erläutere anhand des Quelltextes die Tags TABLE, CAPTATION, TR, TH, und TD!
  2. Erläutere, wie die Tabelle durch die Attribute der Reihen und Zellen formatiert wird!

Tabelle 2
Zelle:1,1 Zelle:1,2
Zelle:2,1 Zelle:2,2

Tabelle 3
Zelle:1,1 Zelle:1,2
Zelle:2,1 Zelle:2,2

Aufgaben

  1. Erläutere anhand des Quelltextes die Formatierung der Überschriften und der Ränder der beiden Tabellen!

Zweispaltiger Text
Tabellen kann man natürlich auch zweckentfremden. Diese hier wird dazu benutzt, zweispaltigen Text darzustellen.

Text neben einer Grafik

Hier wird eine Tabelle dazu benutzt, einen erläuternden Text rechts und links neben einer Grafik darzustellen

Das klappt mit allen Formatierungen, die sonst in HTML nicht möglich sind.

 Stadtwappen

Wappen der Stadt Rüthen

Aufgaben

  1. Erläutere anhand des Quelltextes die Erzeugung des zweispaltigen Textes und der Ausrichtung von Text an einer Grafik!
  2. Verändere die Breite des Browser-Fensters, und erkläre die Formatierungsanweisungen des TABLE-Tags!
Zurück zum Inhaltsverzeichnis