3. TABELLEN

Tabellen dürfen nicht als Gestaltungsmittel für Seitenlayouts verwendet werden, da hierfür CSS zur Anwendung kommt. Tabellen werden sparsam eingesetzt, beispielsweise für Preislisten. Optisch unterscheiden wir zwischen Tabellen mit sichtbaren Gitternetzlinien border="1" und Tabellen ohne sichtbare Gitternetzlinien border="0". Mit dem START-Tag < table > fängt jede Tabelle an und mit dem entsprechenden End-Tag < / table > hört diese auf. Wichtig ist, dass beide gesetzt werden, da zwar bei fehlendem End-Tag der Internet-Explorer die halb fertige Tabelle anzeigt, der Netscape allerdings keine anzeigt.

Überschrift der Tabelle:

Die Tabellenüberschrift beginnt mit < caption > und endet mit < / caption >.

Spaltenüberschriften:

Die Spaltenüberschriften beginnen mit < th > und enden mit < / th >. Diese werden automatisch zentriert und mit Fettschrift dargestellt. Das th steht für engl. table header.

Zeilen:

Mit < tr > beginnt und mit < / tr > endet eine Zeile. Das tr steht für engl. table row.

Spalten:

Mit < td > beginnt und mit < td > endet eine Spalte. Das td steht für engl. table data.

HTML Struktur einer Tabelle

Ansicht im Browser Mozilla Firefox:

Table 1: Current Inventory
Artikel Anzahl Preis Total Rating
Monitor: EIZO S2100 21" 4 Stück Fr. 986.00 Fr. 3'944.00
Drucker: EPSON B-300 6 Stück Fr. 419.00 Fr. 2'514.00