Tabellen
Tabellen setzen sich aus senkrecht verlaufenden Spalten und waagerecht verlaufenden Zeilen zusammen. Die Zeilen bestehen wiederum aus einzelnen Zellen.
Wenn Sie ausgerechnet haben, wieviele Spalten und Reihen Sie benötigen, ist das Formatieren einer entsprechenden Tabelle relativ einfach.
Befehle (tags) einer Tabelle
| <table> | Tabelle | Beginn der Tabelle |
| <TR> | table row - Tabellenzeile | Tabellenzeile; wird mit der Endmarke </TR> abgeschlossen |
| <TD> | table date - Tabellendaten | Anfang einer Zelle; wird mit der Endmarke </TD> abgeschlossen |
| <TH> | table head - Tabellenkopf | Kopfzelle einer Tabelle; Text wird meist fett und zentriert dargestellt; wird mit der Endmarke </TH> abgeschlossen |
Eigenschaften (attributes) einer Tabelle
| <Table border="...."> | Randstärke | Für .... wird die Randstärke in Pixeln eingesetzt |
| <Table bgcolor="...."> | Hintergrundfarbe | Für .... wird die gewünschte Hintergrundfarbe eingesetzt |
| <Table background="...."> | Hintergrund | Für .... wird der Pfad zu einem Bild eingesetzt, das den Tabellenhintergrund darstellen soll |
| <Table width="....> | Tabellenbreite | Für .... wird die Breite der Tabelle in Pixeln oder Prozent eingesetzt |
| <Table height="...."> | Tabellenhöhe | Für .... wird die Höhe der Tabelle in Pixeln oder Prozent eingesetzt |
| <Table cellpadding="....> | Abstand des Zelleninhalts zumTabellenrand | Für .... wird der Abstand des Zellinhalts zum Rand der Tabelle in Pixeln eingesetzt |
| <Table cellspacing="....> | Abstand der Tabellenzellen voneinander | Für .... wird der Abstand der einzelnen Tabllenzellen voneinander in Pixeln eingesetzt |
| <TR bgcolor="....> | Hintergrundfarbe der Zeile | Für .... wird die gewünschte Hintergrundfarbe der Zeile eingesetzt |
| <TR height="....> | Höhe der Tabellenzeile | Für .... wird die Höhe der Tabelle in Pixeln oder Prozent eingesetzt |
| <TR rowspan="....> | Zeilen spannen - Anzahl Zeilen | Für .... wird die Anzahl der untereinander liegenden Zellen eingesetzt, die miteinander verbunden werden sollen |
| <TD colspan="...."> | Spalten spannen - Anzahl Spalten | Für .... wird die Anzahl der nebeneinander liegenden Zellen eingesetzt, die miteinander verbunden werden sollen |
| <TD bgcolor="...."> | Hintergrundfarbe der Zelle | Für .... wird die gewünschte Hintergrundfarbe der Zelle eingesetzt |
| <TD height="...."> | Zellenhöhe | Für .... wird die Höhe der Zelle in Pixeln oder Prozent eingesetzt |
| <TD width="...."> | Zellenbreite | Für .... wird die Breite der Zelle in Pixeln oder Prozent eingesetzt |
| <TD align="...."> | horizontale Zellenausrichtung | Für .... wird left, center oder right für die horizontale Ausrichtung innerhalb der Zelle eingesetzt |
| <TD valign="...."> | vertikale Zellenausrichtung | Für .... wird top, middle oder bottom für die vertikale Ausrichtung innerhalb der Zelle eingesetzt |
Ein Beispiel
Sie möchten eine Tabelle mit blauer Hintergrundfarbe bestehend aus 3 Zeilen und 3 Spalten erstellen.
<Table bgcolor="blue"> (Beginn der Tabelle)
<TR> (Beginn der 1. Zeile)
<TD>Hier steht der Inhalt aus der 1. Zelle in der 1. Zeile</TD>
<TD>Hier steht der Inhalt aus der 2. Zelle in der 1. Zeile</TD>
<TD>Hier steht der Inhalt aus der 3. Zelle in der 1. Zeile</TD>
</TR> (Ende der 1. Zeile)
<TR> (Beginn der 2. Zeile)
<TD>Hier steht der Inhalt aus der 1. Zelle in der 2. Zeile</TD>
<TD>Hier steht der Inhalt aus der 2. Zelle in der 2. Zeile</TD>
<TD>Hier steht der Inhalt aus der 3. Zelle in der 2. Zeile</TD>
</TR> (Ende der 2. Zeile)
<TR> (Beginn der 3. Zeile)
<TD>Hier steht der Inhalt aus der 1. Zelle in der 3. Zeile</TD>
<TD>Hir steht der Inahlt aus der 2. Zelle in der 3. Zeile</TD>
<TD>Hier steht der Inhalt aus der 3. Zelle in der 3. Zeile</TD>
</TR> (Ende der 3. Zeile)
</Table> (Ende der Tabelle)
Hier geht es weiter zur Verlinkung
(C) 2005 - Alle Rechte vorbehalten