Tabellen für Einsteiger

Die Grundlage der HTML-Programmierung sind die Tabellen, mit denen man die Bereiche einer Webseite festlegt und die Seiteninhalte so an quasi jeder beliebigen Stelle einfügen kann.

Sie haben nun die Möglichkeit, Ihre Tabelle mit einem Rahmen zu versehen, der eine definierte Liniendicke aufweist. Möchten Sie, dass Ihre Tabelle keinen Rahmen hat, müssen Sie diesen "unsichtbar" schalten, indem Sie die Liniendicke auf "0" festlegen. Tabellen mit der Liniendicke 0 nennt man auch "blinde Tabellen".

Nun sollten Sie die Breite der Tabelle festlegen, indem Sie entweder die Breite in Pixel oder in Prozent angeben können. Eine Angabe in Prozent eignet sich für Webseiten, die sich unterschiedlichen Bildschirmauflösungen anpassen:

Eine Tabelle enthält meist mehrere Zeilen, mindestens jedoch eine Zeile. Jede Zeile muss dann wiederum mindestens eine Spalte enthalten. Um einen Zeilen- bzw. Spalteninhalt einzufügen, öffnen Sie eine Zeile und anschließend eine Spalte, fügen den gewünschten Inhalt ein und schließen den Tag für die Tabellenspalte und -zeile wieder. Jede Zeile beginnt mit dem Tag <tr> "tr" steht dabei für "table row" = Tabellenzeile; in der Zeile müssen Sie dann mithilfe des Spaltentags <td> ( "table data" = Tabellendaten) mindestens eine Spalte bilden, in welche Sie Ihre Inhalte einpflegen können:

Nun sind Sie in der Lage, beliebig viele Zeilen und Spalten in Ihre Tabelle einzufügen. Möchten Sie z.B. unsere Beispieltabelle um eine weitere Zeile ergänzen, gehen Sie wie folgt vor:

Möchten Sie hingegen die Tabellenzeile in mehrere Spalten unterteilen, so ergänzen Sie einen weiteren <td>-Tag:

Damit Sie in Ihrer Tabelle flexibel arbeiten können, stehen Ihnen zwei weitere Funktionen zur Verfügung: Cellpadding und Cellspacing, die man nur allzu leicht miteinander verwechseln kann. Mit Cellspacing stellen Sie den Abstand der einzelnen Zellen zueinander ein während Cellpadding für den Abstand des Inhaltes (Text, Grafik) innerhalb einer Zelle zu dem Rand hat. Der Wert wird jeweils in Pixel angegeben:

Um Tabelleninhalte innerhalb von den Zellen auszurichten, können Sie durch die Befehle align (horizontal) oder valign (vertikal) in Verbindung mit left (linksbündig), right (rechtsbündig) oder center (zentriert) die Position des Inhaltes festlegen. Anhand unserer Beispieltabelle zeigen wir, wie Sie einen Text innerhalb einer Zelle zentrieren: