Beispiel
Eine einfache HTML-Tabelle, mit zwei Tabellenzellen:
<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
Versuch es selber " Mehr "Versuchen Sie es selbst" Beispiele unten.
Definition und Verwendung
Die <td> Tag definiert eine Standardzelle in einer HTML - Tabelle.
Eine HTML-Tabelle hat zwei Arten von Zellen:
- Header - Zellen - enthält Headerinformationen (erstellt mit dem <th> Element)
- Standard - Zellen - enthält Daten (erstellt mit dem <td> Element)
Der Text in <th> Elemente sind fett und standardmäßig zentriert.
Der Text in <td> Elemente sind regelmäßig und linksbündig in der Standardeinstellung.
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <td> | ja | ja | ja | ja | ja |
Tipps und Hinweise
Tipp: Verwenden Sie die colspan und rowspan - Attribut den Inhalt Spannweite über mehrere Spalten oder Zeilen zu lassen!
Unterschiede zwischen HTML 4.01 und HTML5
Alle Layout-Attribute werden in HTML5 entfernt.
Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| abbr | text | Nicht in HTML5 unterstützt. Gibt eine abgekürzte Version des Inhalts in einer Zelle |
| align | left right center justify char | Nicht in HTML5 unterstützt. Richtet den Inhalt in einer Zelle |
| axis | category_name | Nicht in HTML5 unterstützt. kategorisiert Zellen |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | Nicht in HTML5 unterstützt. Gibt die Hintergrundfarbe einer Zelle |
| char | character | Nicht in HTML5 unterstützt. Fluchtet die Inhalte in einer Zelle zu einem Zeichen |
| charoff | number | Nicht in HTML5 unterstützt. Legt die Anzahl der Zeichen wird der Inhalt von dem Zeichen mit dem angegebenen ausgerichtet werden char - Attribut |
| colspan | number | Gibt die Anzahl der Spalten sollte eine Zelle spannen |
| headers | header_id | Gibt eine oder mehrere Kopfzellen eine Zelle zusammenhängt |
| height | pixels % | Nicht in HTML5 unterstützt. Legt die Höhe einer Zelle |
| nowrap | nowrap | Nicht in HTML5 unterstützt. Gibt an, dass der Inhalt in einer Zelle nicht wickeln sollte |
| rowspan | number | Legt die Anzahl der Zeilen eine Zelle erstrecken sollte |
| scope | col colgroup row rowgroup | Nicht in HTML5 unterstützt. Definiert eine Art Kopfzellen und Datenzellen in einer Tabelle zu assoziieren |
| valign | top middle bottom baseline | Nicht in HTML5 unterstützt. Vertikal ausgerichtet ist, den Inhalt in einer Zelle |
| width | pixels % | Nicht in HTML5 unterstützt. Gibt die Breite einer Zelle |
globale Attribute
Die <td> Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Die <td> Tag unterstützt auch der Veranstaltung in HTML - Attribute .
Probieren Sie es selbst - Beispiele
Tabellenköpfe
Wie man Tabellenüberschriften erstellen.
Tabelle mit einer Beschriftung
Eine HTML-Tabelle mit einer Beschriftung.
Stichworte in einer Tabelle
Wie Elemente innerhalb anderer Elemente anzuzeigen.
C ells , die mehr als eine Zeile / Spalte umspannen
Wie Tabellenzellen zu definieren, die mehr als eine Zeile oder eine Spalte erstrecken.
Verwandte Seiten
HTML - Tutorial: HTML - Tabellen
HTML - DOM - Referenz: TableData Object
CSS Tutorial: Styling Tables
Standard CSS-Einstellungen
Die meisten Browser erscheint auf dem Display <td> mit den folgenden Standardwerte Element:
td {
display: table-cell;
vertical-align: inherit;
}