Eines der für Webdesigner wichtigsten Design-Mittel sind
Tabellen, denn mit ihnen können z.B. Biler etc. (mehr oder weniger)
pixelgenau ausgerichtet werden. So ist z.B. das Navigations-Menü dieser
Seite auch eine Tabellen-Spalte.
Eingeleitet werden Tabellen mit dem englischen <TABLE>. Hier
kann man noch weitere Attribute angeben:
HEIGHT: Höhe
WIDTH: Breite
Diese Angaben könnnen Pixel- oder Prozentangeben enthalten
BORDER: Außenrahmen-Dicke
CELLSPACING: Abstand zwischen den Tabellen-Zellen
CELLPADDING: Abstand des Textes zum Zellen-Rand
Diese 3 Angaben müssen Pixel-Angaben enthalten
ALIGN: horizontale Ausrichtung (CENTER, RIGHT, LEFT)
Wenn man BORDER auf 0 setzt kann man eine sogenannte blind Tabelle
erstellen, d.h. man sieht nicht mehr die Zellenbegrenzungen, man kann aber
die Inhalte wie bei einer normalen Tabelle ausrichten.
Nach dem <TABLE>-Tag folgt der Zeilentag <TR>.
(TR=Table Row=Tabellen-Zeile) In diesen können auch wieder einige
Attribute eingebunden werden:
HEIGHT: Höhe
ALIGN: horizontale Ausrichtung (CENTER, RIGHT, LEFT)
VALIGN: vertikale Ausrichtung (TOP, MIDDLE, BOTTOM)
Bei ALIGN ist LEFT Standard und bei VALIGN MIDDLE
Auf den Zeilentag folgt der Zellentag <TD></TD>.
(TD=Table Data=Tabellen Daten/Inhalt)
In diese Tags wird der Inhalt geschrieben, welcher z.B. auch eine neue
Tabelle sein kann.
Im einleitenden Tag können ebenfalls die Attribute ALIGN und
VALIGN angegeben werden. Zudem kann noch die Spaltenbreite mit
WIDTH angegeben werden (Pixel- oder Prozent-Wert).
Zwei weitere Attribute sind COLSPAN und ROWSPAN. Mit
COLSPAN kann man Zellen einer Zeile miteinander verbinden; mit
COLSPAN=4 verbindet man z.B. die nächsten 3 Zellen mit der, in
der das Attribut steht.
Mit ROWSPAN=3 (Bsp.) kann man 3 Zellen verschiedener Zeilen
miteinander verbinden. Dabei dürfen dann die Zellen in den unteren
Zeilen nicht noch einmal definiert werden, da dies ja schon in der
Attributs-Zelle geschehen ist.
Um eine Zeile zu schließen muss der </TR> notiert werden.
Und nach der letzten Zeile noch der schließende </TABLE>-Tag.
Zu den Breiten- und Höhen-Angaben noch ein Hinweis:
Diese Angabe hat nur Einfluss auf die Tabelle, solange der Inhalt nicht
größer ist, als das angegebene Maß. Ansonsten wird die
Zeile/Spalte/Tabelle so vergrößert, dass der Inhalt reinpasst.