HTML Referenzhandbuch

Vollständiges Verzeichnis der HTML-Tags

HTML: <td> Tag

HTML <td>-Tag definiert in einer HTML-Tabelle eine Standardzelle. Das <td>-Element definiert eine Zelle, die Daten enthält. Dieses Tag wird auch oft als <td>-Element bezeichnet.

Online-Beispiel

　HTML-Tabelle mit mehreren Zellen:

Beispiel

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML　td-Tagverwendung (Grundtutorialsite　oldtoolbag.com)</title>
</head>
<body>
<table border="1">
　　<tr>
　　　　<th>Spalte　1　Überschrift</th>
　　　　<th>Spalte　2　Überschrift</th>
　　</tr>
　　<tr>
　　　　<td>Daten in der Spalte　1,　Reihe　2</td>
　　　　<td>Daten in der Spalte　2,　Reihe　2</td>
　　</tr>
　　<tr>
　　　　<td>Daten in der Spalte　1,　Reihe　3</td>
　　　　<td>Daten in der Spalte　2,　Reihe　3</td>
　　</tr>
　　<tr>
　　　　<td>Daten in der Spalte　1,　Reihe　4</td>
　　　　<td>Daten in der Spalte　2,　Reihe　4</td>
　　</tr>
</table>
</body>
</html>

Testen Sie es heraus ‹/›

In diesem HTML5In der Dokumentbeispiel haben wir eine Tabelle mit dem <table>-Markierung erstellt, die2Spalten und4Reihen.1Reihe durch den ersten <tr>-Markierung definiert. Es hat2Zelle wird durch den <th>-Markierung definiert. Diese Tabelle ist in der2bis4Reihe wird durch den <td>-Markierung definiert.

Browser-Kompatibilität

IEFirefoxOperaChromeSafari

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

Definition und Verwendung

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

HTML-Tabelle hat zwei Zelltypen:

Kopfzelle - Enthält Header-Informationen (erstellt durch <th> erstellt durch das <td>-Element)
Standardzelle - Enthält Daten (erstellt durch das <td>-Element)

Der Text im <th>-Element wird in der Regel fett und zentriert dargestellt.

Der Text im <td>-Element ist in der Regel linksbündig.

Hinweise und注意事项

Hinweis:Wenn Sie den Inhalt über mehrere Zeilen oder Spalten queren möchten, verwenden Sie die Attribute colspan und rowspan!

HTML 4.01 und HTML5Unterschiede zwischen

HTML 5 kein HTML mehr unterstützt 4.01 Einige Attribute in

Attribut

Attribut	Wert	Beschreibung
abbr	text	HTML5 Nicht unterstützt. Bestimmen Sie die abgekürzte Version des Inhalts der Zelle.
align	left 　right 　center 　justify 　char	HTML5 Nicht unterstützt. Bestimmen Sie die horizontale Ausrichtung des Inhalts der Zelle.
axis	category_name	HTML5 Nicht unterstützt. Klassifizieren Sie die Zelle.
bgcolor	rgb(x,x,x) #xxxxxx colorname	HTML5 Nicht unterstützt. HTML 4.01 Veraltet. Bestimmen Sie die Hintergrundfarbe der Zelle.
char	character	HTML5 Nicht unterstützt. Bestimmen Sie, an welchem Zeichen der Inhalt ausgerichtet wird.
charoff	number	HTML5 Nicht unterstützt. Bestimmen Sie den Versatz des Ausrichtungszeichens.
colspan	number	Bestimmen Sie die Anzahl der Spalten, die eine Zelle quer überbrücken kann.
headers	header_id	Bestimmen Sie eine oder mehrere Kopfzellen, die mit der Zelle verbunden sind.
height	pixels %	HTML5 Nicht unterstützt. HTML 4.01 Veraltet. Stellen Sie die Höhe der Zelle ein.
nowrap	nowrap	HTML5 Nicht unterstützt. HTML 4.01 Veraltet. Bestimmen Sie, ob der Inhalt der Zelle umgebrochen wird.
rowspan	number	Einstellen der Anzahl der Zeilen, die eine Zelle quer überbrücken kann.
scope	col 　colgroup 　row 　rowgroup	HTML5 Nicht unterstützt. Definiert die Methode, um Kopfzellen mit Datenzellen zu verknüpfen.
valign	top 　middle 　bottom 　baseline	HTML5 Nicht unterstützt. Bestimmt die vertikale Anordnung des Zelleninhalts.
width	pixels %	HTML5 Nicht unterstützt. HTML 4.01 Veraltet. Bestimmt die Breite der Zelle.

Globale Attribute

Der <td>-Tag unterstützt Globale Attribute von HTML.

Event-Attribute

Der <td>-Tag unterstützt HTML-Event-Attribute.

Versuchen Sie es aus - Beispiel

Zellen über Zeilen oder Spalten
Dieser Beispiel zeigt, wie man Zellen über Zeilen oder Spalten definieren kann.

Tags innerhalb der Tabelle
Dieser Beispiel zeigt, wie Elemente in verschiedenen Elementen angezeigt werden.

Zellenabstand (Cell padding)
Dieser Beispiel zeigt, wie man durch Cell padding ein Leerzeichen zwischen dem Zelleninhalt und dem Rand erstellt.

Zellenabstand (Cell spacing)
Dieser Beispiel zeigt, wie die Entfernung zwischen den Zellen durch Cell spacing erhöht wird.