HTML <td>Tag


Beispiele

Eine einfache HTML-Tabelle mit zwei Zellen:

<table border="1">
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>

Selbst ausprobieren »
(Weitere Beispiele unten auf der Seite)

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle gängigen Browser unterstützen das <td>-Tag.


Tag-Definition und Verwendungshinweise

Das <td>-Tag definiert eine Standardzelle in einer HTML-Tabelle.

Eine HTML-Tabelle hat zwei Arten von Zellen:

  • Header-Zellen - enthalten Header-Informationen (erstellt durch das<th>Element)
  • Standardzellen - enthalten Daten (erstellt durch das <td>-Element)

Text in <th>-Elementen wird normalerweise fett und zentriert angezeigt.

Text in <td>-Elementen ist normalerweise normaler linksbündiger Text.


Tipps und Hinweise

Tipp:Wenn Sie Inhalte über mehrere Zeilen oder Spalten erstrecken möchten, verwenden Sie die Attribute colspan und rowspan!


Unterschiede zwischen HTML 4.01 und HTML5

Einige Attribute in HTML 4.01 werden in HTML5 nicht mehr unterstützt.


Attribute

Attribute Wert Beschreibung
abbr text In HTML5 nicht unterstützt.Gibt eine abgekürzte Version des Inhalts in der Zelle an.
align left
right
center
justify
char
In HTML5 nicht unterstützt.Gibt die horizontale Ausrichtung des Zelleninhalts an.
axis category_name In HTML5 nicht unterstützt.Klassifiziert die Zelle.
bgcolor rgb(x,x,x)
#xxxxxx
colorname
In HTML5 nicht unterstützt. In HTML 4.01 veraltet.Gibt die Hintergrundfarbe der Zelle an.
char Zeichen In HTML5 nicht unterstützt.Gibt an, an welchem Zeichen der Inhalt ausgerichtet wird.
charoff number In HTML5 nicht unterstützt.Gibt den Versatz des Ausrichtungszeichens an.
colspan number Gibt die Anzahl der Spalten an, die eine Zelle umfassen kann.
headers header_id Gibt eine oder mehrere Header-Zellen an, die der Zelle zugeordnet sind.
height pixels
%
In HTML5 nicht unterstützt. In HTML 4.01 veraltet.
Legt die Höhe der Zelle fest.
nowrap nowrap In HTML5 nicht unterstützt. In HTML 4.01 veraltet.
Gibt an, ob der Inhalt in der Zelle umgebrochen werden soll.
rowspan number Legt die Anzahl der Zeilen fest, die eine Zelle vertikal überspannen kann.
scope col
colgroup
row
rowgroup
In HTML5 nicht unterstützt.Definiert eine Methode zum Verknüpfen von Kopfzellen mit Datenzellen.
valign top
middle
bottom
baseline
In HTML5 nicht unterstützt.Gibt die vertikale Ausrichtung des Zelleninhalts an.
width pixels
%
In HTML5 nicht unterstützt. In HTML 4.01 veraltet.Gibt die Breite der Zelle an.


Globale Attribute

Das <td>-Tag unterstütztdie globalen HTML-Attribute。


Ereignisattribute

Das <td>-Tag unterstütztdie HTML-Ereignisattribute。


Examples

Probieren Sie es selbst - Beispiele


Dieses Beispiel zeigt, wie Tabellenüberschriften angezeigt werden.


Dieses Beispiel zeigt, wie "&nbsp;" verwendet wird, um Zellen ohne Inhalt zu behandeln.


Dieses Beispiel zeigt eine Tabelle mit einer Tabellenbeschriftung.


Dieses Beispiel zeigt, wie Elemente innerhalb anderer Elemente angezeigt werden.


Dieses Beispiel zeigt, wie man Tabellenzellen definiert, die Zeilen oder Spalten überspannen.


Ähnliche Artikel

HTML-Tutorial:HTML-Tabellen

HTML-DOM-Referenz:Td-Objekt

Weitere Erweiterungen