Cascading Stylesheets Stil mit <Stil>

CSS2-Referenz | HTML-4.01-Referenz | Farben, Zeichen und Maße | Workshop | Externe Links | Impressum | Hinweise

# ♦ table ♦ <table> ... </table> ♦ IE4+ M1 N4+ O5+ ♦ HTML 3.2, 4.0

Das <table>-Tag kennzeichnet ein Element als Tabelle. Eine Tabelle stellt tabellarische Daten strukturiert in Zeilen und Spalten dar.

Der normale Fluss von Texten und Bildern wird unterbrochen und die Tabelle wird in der nächsten Zeile eingefügt. Wenn das Ende des table-Elements erreicht ist, wird der Fluss der Texte und Bilder in der nächsten Zeile wieder aufgenommen. Durch bestimmte Attribute oder Stylesheet-Eigenschaften kann die Tabelle allerdings auch ohne Zeilenvorschub in den Dokumentenfluss gesetzt werden.

Das Innenleben einer Tabelle besteht aus Tabellenzeilen (<tr>), Headern (<th>), Zellen (<td>) und dem <caption>-Tag. Zudem gibt es seit 4.0 drei weitere Tags für Tabellen: – <tbody>, <tfoot> und <thead>.

Das schließende Tag ist erforderlich.

Kernattribute | class dir id lang onclick ondblclick onkeydown onkeypress onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup style title
align unerwünscht 4.0 | Das Attribut align richtet eines Tabelle in der Mitte, am linken Rand oder am rechten Rand des Browserfensters aus. Die möglichen Werte sind dementsprechend center, left und right. Damit kann die Tabelle im Fluss der Texte und Bilder eingebettet werden. Das Attribut gilt seit Version 4.0 als unerwünscht, aber die meisten Browser erkennen das Attribut noch und es wird noch häufig benutzt. Statt des Attributs align soll jetzt ein Stylesheet verwendet werden.
bgcolor unerwünscht 4.0 | Das Attribut bgcolor setzt die Hintergrundfarbe der Tabelle. Sein Wert kann entweder ein Farbname (z.B red) oder ein hexadezimaler RGB-Farbwert (z.B. #3300cc) sein. Die angegebene Farbe wird als Vorgabe für die tr- und td-Elemente der Tabelle angenommen, die ebenfalls ein eigenes Attribut für die Farbe setzen können. Das Attribut gilt seit Version 4.0 als unerwünscht, aber die meisten Browser erkennen das Attribut noch und es wird noch häufig benutzt. Statt des Attributs soll jetzt ein Stylesheet verwendet werden.
border | Das Attribut border veranlasst den Browser, einen Rahmen rund um die Tabelle zu ziehen. Die Linien des Rahmens werden schattiert dargestellt, um ihnen eine dreidimensionale Erscheinung zu geben. Die Breite des Rahmens wird als ganze Zahl von Pixeln angegeben. Die Voreinstellung ist kein Rahmen (0 Pixel).
cellpadding | Das Attribut cellpadding setzt den Weißraum zwischen den Zellwänden und dem Inhalt der Zelle und wird als ganze Zahl von Pixeln eingegeben. Die Vorgabe ist ein Pixel.
cellspacing | Das Attribut cellspacing setzt den Weißraum zwischen nebeneinander liegenden Zellen und zwischen den Zellen und dem äußeren Rand der Tabelle und wird als ganze Zahl von Pixeln angegeben. Die Vorgabe ist zwei Pixel.
frame | Das Attribut frame legt fest, welche der vier Linien, aus denen der Rahmen der Tabelle besteht, sichtbar sein soll. Die möglichen Werte sind above, below, border, box, hsides, lhs, rhs, void und vsides.
rules | Das Attribut rules legt fest, welche Rahmenlinien rund um die Zelle innerhalb der Tabelle sichtbar sein sollen. Durch die Angabe von rows werden nur die Linien zwischen den Reihen sichtbar, durch die Angabe von cols werden nur die Linien zwischen den Spalten sichtbar und die Angabe von none zeigt keine innenliegenden Rahmen.
summary | Das Attribut summary wird für nicht visuelle Medien wie Braillezeile oder Sprachsynthesizer benutzt, um zusätzliche Informationen über die Tabelle zur Verfügung zu stellen.
width | Das Attribut width bestimmt die Breite der Tabelle. Es wird entweder als ganze Zahl von Pixeln oder als Prozentsatz des umfassenden Elements angegeben.

↑

HTML-4.01-Kernattribute Die interessantesten Attribute der Neuzeit

Index Tabellarischer Überblick über alle Tags

!DOCTYPE Document Type Definition (DTD)

a anchor (Anker); ein Link

abbr Abkürzung

acronym Gleichwertige Bezeichnung

address Hervorhebung von Adressen

applet Java-Applet

area Clientseitige Image Map

b Fetter Schriftstil

base Basis-URI des Dokuments

basefont Basis-Schriftgröße

bdo Laufrichtung der Schrift

big Großer Schriftstil

blockquote Langes Zitat

body Body des Dokuments

br Erzwungener Zeilenumbruch

button button; Schaltfläche

caption Tabellenüberschrift

center Zentrierte Darstellung von Inhalten

cite Zitat

code Darstellung von Computercode

col Tabellenspalten

colgroup Tabellenspaltengruppe

dd Beschreibungsteil einer Definition

del Gelöschter Text

dfn Definition in einer Definitionsliste

dir Auflistung eines Verzeichnisses

div Generischer Behälter für Inhalte

dl Definitionsliste

dt Definitionselement

em Betonung

fieldset Formulargruppe

font Lokale Änderung der Schrift

form Interaktives Formular

frame Fenster innerhalb des Browserfensters

frameset Unterteilung des Browserfensters

h1, h2, h3, h4, h5, h6 Überschriften

head Header des Dokuments

hr Horizontale Linie

html Wurzelelement des Dokuments

i Kursiver Schriftstil

iframe Inlinefenster

img Eingebettetes Bild

input Steuerfeld eines Formulars

ins Eingefügter Text

isindex Ausgabefeld in einer Zeile

kbd Text, der vom Benutzer einzugeben ist

label Überschrift zu einem Formularfeld

legend Beschreibung einer Formularfeldgruppe

li Listenelement

link Medienunabhängiger Link

map Clientseitige Image Map

menu Menüliste

meta Generische Metainformation

noframes Alternativer Inhalt für Browser ohne Unterstützung von Frames

noscript Alternativer Inhalt für Browser ohne Skriptunterstützung

object Generisches eingebettetes Element

ol Nummerierte Aufzählung

optgroup Optionsgruppe

option Wählbares Element

P paragraph; Absatz

param Parameterwert

pre Vorformatierter Text

q Kurzes Inlinezitat

s Durchgestrichener Schriftstil

sample Programmcode-Beispiel

script Skriptanweisungen

select Optionsselektor

small Kleiner Schriftstil

span Generischer Behälter für Inhalte

strike Durchgestrichener Stil

strong Starke Betonung

style Stilinformationen

sub Tiefgesetzt

sup Hochgesetzt

tableTabelle

tbody Tabellenkörper

td Tabellenzelle

textarea Textfeld mit mehreren Zeilen

tfoot Tabellenfuß

th Tabellenkopfzelle

thead Tabellenkopf

titleTitel des Dokuments

tr Tabellenzeile

tt Nichtproportionaler Schriftstil

u Unterstrichener Schriftstil

ul Ungeordnete Liste

var Instanz einer Variablen

Cascading Styleheets – Stil mit <Stil> • Das Begleitmaterial zum Buch
© media engineering Ulrike Häßler 2002 • Frechen