 Attribute für das <table>-Tag (zugeordnete Merkmale)
Beschreibung der Attribute für das <table>-Tag mit dem die Notierung für eine Tabelle eingeleitet wird. Sie haben die Option zum Eintrag der im HTML-Standard implementierten Attribute.
|
|
<table>-Attribute in HTML-Dokumenten
UPDATE 25.01.2011 Hinweise auf Änderungen in HTML 5
Attribute = zugeordnete Merkmale der Gestaltung
Bitte beachten Sie das mit der Einführung von HTML 5 viele der auf dieser Seite vorgestellten Tabellenttribute nicht mehr benutzt werden sollen. Sie werden von den Browsern allerdings weiterhin unterstützt!
Diese Tabellen-Attribute stehen auf der Streichliste:
align, bgcolor, border, cellpadding, cellspacing,
height, nowrap, rules, valign, width
|
 |
Im HTML-Tag für Tabellen können zusätzlich Anweisungen für bestimmte Eigenschaften notiert werden. Diese Zusätze nennt man Attribute. Die Attribute haben einen Attributnamen und innerhalb der Anführungszeichen die Wertzuweisung. Beispiel:
<table bgcolor="#EC5399" bedeutet:
Dem Attribut 'Hintergrundfarbe' wird der Wert '#EC5399' zugewiesen.
Es können mehrere Attribute eingetragen werden! Syntax:
<table Attribut1 Attribut2 Attribut3 ... >
<tr>
<td> Zelle 1 </td>
<td> Zelle 2 </td>
</tr>
</table>
Beispiel Attribute für die Ausrichtung, die tabellenbreite und den Tabellenrand:
<table align="center" width="100%" border="0" ... >
<tr>
<td> Zelle 1 </td>
<td> Zelle 2 </td>
</tr>
</table>
Attribute im <table>-Tag der Tabelle
Da die verschiedenen (älteren) Browser bei der Interpretation der Attribute Unterschiede machen, beschränken Sie sich im Zweifelsfall auf folgende Notierungen oder nutzen CSS-Angaben:
| Attribut | bedeutet |
Werte | Erklärung |
| width |
Breite |
numerisch (px) oder % |
Tabellenbreite |
| height |
Höhe |
numerisch (px) oder % |
Tabellenhöhe |
| bgcolor |
Farbe |
hex-wert oder farbname |
Hintergrundfarbe |
| align |
Ausrichtung |
right, center, left |
Pos. zu anderen Inhalten |
| border |
Rand |
numerisch: 0 - ?? |
kein Rand - Randbreite |
| cellspacing |
Zellenabstand |
numerisch |
zwischen Zellen |
| cellpadding |
Randabstand |
numerisch |
zum Zellenrand |
| background |
Hintergrundbild |
Dateiangabe |
Bild einfügen |
Die 100% Angabe für die Tabellenhöhe funktioniert oft nur mit dem DOCType-Eintrag:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Tabellen- und Zellenrandfarbe:
 Das kann man mit CSS besser lösen!
Die Randfarbe (bordercolor) bestimmen Sie besser mit CSS. Außerdem haben sie dann die Möglichkeit weitere Gestaltungsmerkmale festzulegen. Lesen Sie dazu die Beispielseiten
 Tabellen - Einführung und Grundlagen
Tabellenzellen-Attribute
Kopiervorlagen für CSS-formatierte Tabellen (HTML 5 konform)
Darstellungsprobleme durch 'whitespaces'
Ränder
1) Tabellenrand formatieren (außen) mit CSS
2) Zellenrandformatierung mit CSS
3) Tabellen + Zellenrand mit CSS
anschauliche Beispiele für Rahmentypen mit CSS
Randfarbe für Grafiken mit CSS gestalten
Bilderrahmen mit verschachtelten Tabellen
|
Home • Tabellen • Tabellenattribute