In HTML ist es mögich, mit Hilfe des <table> - Elements, Tabellen zu definieren. Grundsätzlich bildet das Element <table> nur das Grundgerüst eine Tabelle. Zusätzlich wird das Element <tr>, für die Zeilen, und <td>, für die Spalten, benötigt. Tabellen sollten grundsätzlich nur zur Darstellung strukturierter Daten genutzt werden.
Syntax:
Beispiel:
Attribut | Wert | Beschreibung |
---|---|---|
align="[1]"
|
[1]:
top | middle | bottom | left | center | right
|
Bestimmt die Ausrichtung des Elements. (Standard ist in allen Browsern: left) |
dir="[1]"
|
[1]:
ltr | rtl
|
Spezifiziert die Richtung des Textes. Mögliche Werte sind: LTR: Left-to-right text - RTL: Right-to-left text. |
class="[1]"
|
[1]:
Kategoriename
|
Ordnet einem Element einen Kategorienamen zu. Jedes Element im entsprechenden Dokument kann den gleichen Kategorienamen besitzen. Mehrfache Kategorienamen müssen durch Leerzeichen getrennt werden. |
id="[1]"
|
[1]:
ID
|
Ordnet einem Element einen Namen zu. Dieser Name muss im entsprechenden Dokument einzigartig sein. |
lang="[1]"
|
[1]:
Wert
|
Gibt die Sprache der Attributwerte eines Elements und des Textinhalts an. Der Standard-Wert des Attributes ist vom Browser abhängig. |
onclick="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim Anklicken des jeweiligen Elements aus. |
ondblclick="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim Doppelklicken auf das jeweilige Element aus. |
onkeydown="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim drücken einer festgelegten Taste aus. |
onkeypress="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn eine festgelegte Tast gedrückt und gehalten wird. |
onkeyup="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion, beim Loslassen einer festgelegten Taste, aus. |
onmousedown="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn der Anwender das Element anklickt und gedrückt hält. |
onmousemove="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn die Maus bewegt wird. |
onmouseout="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn die Maus das Element verlässt. Achtung: Kein Klick notwendig! |
onmouseover="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim Überfahren des Elements mit der Maus aus. |
onmouseup="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn der Anwender ein Element anklickt und „loslässt“. |
style="[1]"
|
[1]:
Stylewerte
|
Spezifiziert die Style Informationen für das entsprechende Element. |
title="[1]"
|
[1]:
Titeldefinition
|
Mit diesem Attribut ist es möglich, in das Element zusätzliche Informationen einzugeben. |
width="[1]"
|
[1]:
Pixel/Prozent
|
Bestimmt die Breite eines Objekts (z.B. Applet, Image, etc.) bei der Ausgabe. Angabe in Pixel oder Prozent! |
border="[1]"
|
[1]:
Pixel/Prozent
|
Das Attribut border bewirkt einen Rahmen um ein Bild. |
cellpadding="[1]"
|
[1]:
Pixel/Prozent
|
Definiert den Innenabstand zwischen dem Zellrand und dem Zelleninhalt. Angabe in Prozent oder in Pixel. |
cellspacing="[1]"
|
[1]:
Pixel/Prozent
|
Definiert den Abstand zwischen den Zellen untereinander! Angabe immer in Pixel oder Prozent! |
frame="[1]"
|
[1]:
siehe Beschreibung
|
Definiert welche Rahmen der Tabelle sichtbar sein sollen. Mögliche Werte sind: void|above|below|hsides|lhs|rhs| sides|box|border |
rules="[1]"
|
[1]:
none | groups | rows | cols | all
|
Definiert, welche Gitternetzlinien innerhalb der Tabelle sichtbar sein sollen. |
summary="[1]"
|
[1]:
Text
|
Gibt einen Text an, der Sehbehinderten die Tabelle im Fall von Sprachausgaben erläutert. |
Fachbeitrag: Hilfreiche Tools zur Webentwicklung