Obwohl die Darstellung von Tabellen eigentlich nur von vordefinierten Zeilen und Spalten geleitet wird, dauert es selbst in modernen Browsern relativ lang, die Tabelle auszulesen und richtig anzuzeigen. Der Grund ist relativ einfach: Ein Browser muss den gesamten Quelltext für die Tabelle einlesen, bevor irgendetwas dargestellt werden kann. Aus diesem Grund existiert das <col> - Element. Mit diesem kann man einem Browser, direkt am Anfang vom Quelltext der Tabelle, mitteilen, wie viele Spalten die Tabelle hat und wie breit diese sind. Dadurch wird der Tabellenaufbau beschleunigt.
Ein <col> - Element muss innerhalb eines <colgroup> - Elements seinen Platz finden, es sei denn, im <colgroup> - Element ist ein "span"-Attribut gesetzt. Dann darf das <col>-Element nicht verwendet werden.
Syntax:
Beispiel:
Attribut | Wert | Beschreibung |
---|---|---|
dir="[1]"
|
[1]:
ltr | rtl
|
Spezifiziert die Richtung des Textes. Mögliche Werte sind: LTR: Left-to-right text - RTL: Right-to-left text. |
align="[1]"
|
[1]:
top | middle | bottom | left | center | right
|
Bestimmt die Ausrichtung des Elements. (Standard ist in allen Browsern: left) |
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! |
charoff="[1]"
|
[1]:
Wert
|
Definiert die Position des Ausrichtungszeichens. |
span="[1]"
|
[1]:
Zahl
|
Definiert in den meisten Fällen, für wie viele Spalten die Angaben gelten sollen. |
valign="[1]"
|
[1]:
top | middle | bottom
|
Definiert, dass Tabellenzellen eines Bereichs vertikal ausgerichet sind. |