HTML <td>Tag
Beispiele
Eine einfache HTML-Tabelle mit zwei Zellen:
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
Selbst ausprobieren »
(Weitere Beispiele unten auf der Seite)
Browser-Unterstützung
![]()
![]()
![]()
![]()
![]()
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。
Probieren Sie es selbst - Beispiele
Dieses Beispiel zeigt, wie Tabellenüberschriften angezeigt werden.
Dieses Beispiel zeigt, wie " " 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