Tabellen

Der Grundaufbau einer Tabelle beginnt mit dem Befehl <table> und endet mit dem Befehl </table>. Zwischen diesen zwei Befehlen befindet sich die ganze Tabelle. Eine neue Zeile fängt man mit dem Befehl <tr> an und schliesst man wieder mit </tr>. Dazwischen muss man aber noch die einzelnen Zellen definieren. Dies macht man mit dem Befehl <td> und schliesst die Zellen ab mit </td>. Wichtig ist, dass jede Zeile gleichviele Zellen beinhaltet, denn sonst gibt es Fehler in der Darstellung. Auch wenn eine Zelle leer bleiben soll, muss man sie öffnen und schliessen!

Die Tabelle kann sehr individuell gestaltet werden. Mit dem Befehl border="WERT" kann man die Rahmenstärke angeben. Standartmässig ist dies auf den Wert 1 gesetzt. Wenn man also keine Angaben zur Rahmenstärke gibt, ist der Rahmen sichtbar mit der Stärke 1. Wenn man den Wert auf 0 setzt, ist kein Rahmen sichtbar.
Wie schon bekannt, kann man auch hier die Ausrichtung mit align="WERT" und den Werten left/center/right festlegen. Optional ist es bei der Tabelle auch noch möglich, den Text innerhalb einer Zelle oben, in der Mitte oder unten auszurichten. Dafür gibt es den Befehl valign="top/middle/bottom". Zusätzlich kann man auch noch die Breite der Tabelle mit width="WERT" definieren.
Wie auch schon vom "body" bekannt ist, kann man hier ebenfalls die Hintergrundfarbe der Tabelle wählen (bgcolor="#123456") oder einfach ein Hintergrundbild auswählen (background="URL"). Falls man keine Hintergrundfarbe oder kein Hintergrundbild wählt, ist die Tabelle transparent!

Um die Rahmenfarbe genau festzulegen, gibt es noch drei spezielle Befehle. Der Befehl borderlight="#123456" setzt die Rahmenfarbe fest, der Befehl bordercolorlight="#123456" ist der heller Rahmen (3-D-Effekt) und der Befehl bordercolordark="3123456" ist der dunkler Rahmen (3-D-Effekt).

Den Zellabstand der Tabelle kann man mit cellspacing="WERT" bestimmen und den Abstand des Zellinhalts mit cellpadding="WERT" festlgen.

Manche Befehle, die Sie jetzt hier alle kennegelern haben, kann man natürlich auch auf mit den Befehlen <tr> und <td> verknüpfen. Also kann man z.Bsp. einer Zelle eine bestimmte Farbe geben oder einer Zelle eine Grösse zuteilen.

Um Zellen horizontal miteinander zu verbinden, braucht man denn Befehl colspan="WERT". Mit dem WERT kann angegeben werden, wieviel Zeilen man verbinden möchte.

Um Zellen vertikal miteinander zu verbinden, braucht man denn Befehl rowspan="WERT". Mit dem WERT kann angegeben werden, wieviel Zeilen man verbinden möchte.