Alphabetische Liste der HTML- und XHTML-Elemente

(Auszug aus "HTML & XHTML ─ kurz & gut" von Jennifer Niederst Robbins)

A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z

   

table

HTML 4.01 | HTML 5

<table> ... </table>

Markiert eine Tabelle für die Anzeige von Zeilen und Spalten mit Daten oder anderen Informationen. Die minimal benötigten Elemente für die Definition einer Tabelle sind: table, um die Tabelle selbst anzulegen, tr für eine Tabellenzeile und td, um die einzelnen Zellen innerhalb einer Spalte zu definieren. Das komplette Tabellenmodell sehen Sie unten.

Start-/End-Tag

Erforderlich/Erforderlich

Attribute

Kern, Internationalisierung, Events, globale HTML 5-Attribute

  • align="left|right|center"

    Veraltet. Nicht in HTML 5. Richtet die Tabelle innerhalb des Textflusses aus (funktioniert wie align für das img-Element). Die Standardausrichtung ist links (left). Der Wert center wird nicht überall unterstützt.

  • bgcolor="#rrggbb" oder "Farbname"

    Veraltet. Nicht in HTML 5. Definiert eine Hintergrundfarbe für die gesamte Tabelle. Die Farbe wird entweder durch hexadezimale RGB-Werte oder einen Farbnamen definiert. Korrekterweise verwendet man allerdings Stylesheets, um Farben zu definieren.

  • border="Zahl"

    Nicht in HTML 5. Legt die Breite des äußeren Rahmens (in Pixeln) um die Tabelle und ihre Zellen fest. Der Wert 0 (null) deaktiviert die Anzeige der Rahmen komplett. Der Standardwert ist 1. Die Angabe des Wortes border ohne einen Wert erzeugt einen 1 Pixel breiten Rahmen. Dies ist allerdings in XHTML nicht gültig.

  • cellpadding="Zahl"

    Nicht in HTML 5. Definiert den Abstand zwischen den Rändern einer Zelle und ihrem Inhalt in Pixeln. Der Standardwert ist 1.

  • cellspacing="Zahl"

    Nicht in HTML 5. Definiert den Abstand zwischen den einzelnen Tabellenzellen in Pixeln. Der Standardwert ist 2.

  • frame="void|above|below|hsides|lhs|rhs|vsides|box|border"

    Nicht in HTML 5. Teilt dem Browser mit, wo Umrandungen um die Tabelle gezogen werden sollen:

    Wert Beschreibung
    void Keine Umrandung (Standardwert)
    above Nur oben
    below Nur unten
    hsides Nur oben und unten
    vsides Nur links und rechts
    lhs Nur links
    rhs Nur rechts
    box An allen vier Seiten
    border An allen vier Seiten

    Tabelle: mögliche Werte für das Tabellen-Attribut frame

  • height="Zahl" oder "Prozentwert"

    Nicht standardkonform. Definiert die minimale Höhe der gesamten Tabelle. Sie kann als Pixel- oder Prozentwert angegeben werden. Der Prozentwert bezieht sich auf das Elternelement der Tabelle. Da dieses Element nicht standardkonform ist, werden Dokumente, die es verwenden, nicht validiert.

  • rules="all|cols|groups|none|rows"

    Nicht in HTML 5. Teilt dem Browser mit, wo in der Tabelle Trennlinien gezogen werden sollen. Hat das Attribut border einen Wert größer als null, hat rules standardmäßig den Wert all, sofern nicht anders angegeben. Dieses Attribut wird nicht überall unterstützt. Folgende Werte sind möglich:

    Wert Beschreibung
    all Trennlinien werden zwischen allen Zeilen und Spalten angezeigt.
    colls Trennlinien werden nur zwischen Spalten angezeigt.
    groups Trennlinien werden zwischen Zeilengruppen angezeigt (thead, tfoot und tbody).
    none Keine Trennlinien (Standardwert)
    rows Trennlinien werden nur zwischen Zeilen angezeigt.

    Tabelle: mögliche Werte für das Tabellen-Attribut rules

  • summary="Text"

    Enthält eine Zusammenfassung des Tabelleninhalts, die von nicht-visuellen Browsern verwendet werden kann. In HTML 5 sind Autoren dazu angehalten, stattdessen das Element caption zu verwenden.

  • width="Zahl" oder "Prozentwert"

    Nicht in HTML 5. Definiert die Breite der gesamten Tabelle. Der Wert kann entweder als Pixel- oder als Prozentwert (bezogen auf das Elternelement) angegeben werden.

Beispiele

Eine einfache Tabelle mit zwei Zeilen und zwei Spalten:

<table width="70%" cellpadding="10">
  <tr>
    <td>Zelle 1</td><td>Zelle 2</td>
  </tr>
  <tr>
    <td>Zelle 3</td><td>Zelle 4</td>
  </tr>
</table>

Die korrekte Reihenfolge im vollständigen Tabellenmodell (hier in HTML-Syntax) ist im Folgenden dargestellt. Details finden Sie in den Einträgen zu den Elementen caption, tbody, thead, tfoot, colgroup und col.

<table>
<caption>Angestelltengehälter und Eintrittsdaten</caption>
<colgroup id=" employeeinfo">
  <col span="2" width="300">
  <col span="1" width="100" class="date">
</colgroup>
<thead>
  <tr>
    <th>Angestellter</th><th>Gehalt</th><th>Eintrittsdatum</th>
  </tr>
</thead>
<tfoot>
  <tr><td colspan="3">Erstellt von Betty D. Boss</td></tr>
</tfoot>
<tbody>
  <tr>
    <td>Wilma</td><td>50.000</td><td>6. April 2010</td>
  </tr>
  <tr> ... (mehr Datenzellen) ...</tr>
  <tr> ... (mehr Datenzellen) ...</tr>
</tbody>
</table>
Tipp der data2type-Redaktion:
Zum Thema HTML & XHTML bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © 2010 O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "HTML & XHTML ─ kurz & gut" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

O’Reilly Verlag GmbH & Co. KG, Balthasarstraße 81, 50670 Köln, kommentar(at)oreilly.de