Lektion 10/Teil 1 - Tabellen

Diese Lektion wird eine der letzten sein. Denn nach dieser Lektion weißt du über alles wichtige Bescheid und kannst wirklich gute Seiten machen.

Eigentlich dienen die Tabellen dazu Diagramme, wie z.B. einen Stundenplan, darzustellen. Aber sie helfen dir auch dabei Texte und Bilder an die Stellen zu bekommen, an denen du sie auf der Seite haben möchtest.

Allerdings gehören die Tabellen auch zu den etwas komplizierteren HTML-Befehlen. Die Seiten mit der Programmierung werden schnell ziemlich lang und man muss aufpassen, dass man den Überblick behält. Du musst auch darauf achten jeden Befehl wieder zu schließen, denn sonst taucht auf deiner Seite gar nichts auf.

So. Nun geht es zu den Befehlen. Damit es nicht zu viel wird, habe ich diese Lektion wieder in mehrere Teile geteilt. In diesem Teil erkläre ich dir das Grundgerüst der Tabelle. Und das sieht so aus:

<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
<TR>
<TD>
</TD>
</TR>
</TABLE>

<TABLE>...</TABLE> umschließt die ganze Tabelle. Im <TABLE>-Befehl kann man eine ganze Menge Zusatzangaben machen:

BORDER=Pixelanzahl bestimmt, ob die Tabelle eine Umrandung hat oder nicht. Bei BORDER=0 hat sie keine. Mit BORDER=2 bekommt die Tabelle eine Umrandung, die 2 Pixel breit ist.

CELLSPACING=Pixelanzahl bestimmt, wieviele Pixel breit die Stege zwischen den Spalten sind.

CELLPADDING=Pixelanzahl bestimmt, wieviel Abstand die Schrift in den Feldern vom Rand hat..

<TR>...</TR> umschließt alles, was innerhalb einer Tabellenreihe steht. TR steht für Table-Row. 'Row' heißt auf deutsch 'Reihe'.

Im <TD>...</TD>-Befehl steht der eigentliche Tabelleninhalt. Für jedes Feld in der Tabelle brauchst du ein <TD>...</TD>. Je mehr <TD> eine <TR> enthält, desto mehr Spalten bekommt die Tabelle. TD steht für Table-Data. 'Data' heißt auf deutsch 'Daten'.

weiter