Beispiel
Eine einfache HTML-Tabelle mit zwei Kopfzellen und zwei Datenzellen:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Versuch es selber " Mehr "Versuchen Sie es selbst" Beispiele unten.
Definition und Verwendung
Das <th> Tag definiert eine Kopfzelle 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 | |||||
|---|---|---|---|---|---|
| <th> | 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 | Gibt eine abgekürzte Version des Inhalts in einer Header-Zelle |
| align | left right center justify char | Nicht in HTML5 unterstützt. Richtet den Inhalt in einer Header-Zelle |
| axis | category_name | Nicht in HTML5 unterstützt. Kategorisiert Kopfzellen |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | Nicht in HTML5 unterstützt. Gibt die Hintergrundfarbe einer Kopfzelle |
| char | character | Nicht in HTML5 unterstützt. Richtet den Inhalt in einer Header-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 Kopfzelle umspannen |
| headers | header_id | Gibt eine oder mehrere Kopfzellen eine Zelle zusammenhängt |
| height | pixels % | Nicht in HTML5 unterstützt. Legt die Höhe einer Kopfzelle |
| nowrap | nowrap | Nicht in HTML5 unterstützt. Gibt an, dass der Inhalt in einer Kopfzelle nicht wickeln sollte |
| rowspan | number | Gibt die Anzahl der Zeilen sollte eine Kopfzelle umspannen |
| scope | col colgroup row rowgroup | Gibt an, ob eine Kopfzelle ein Header für eine Spalte, Zeile oder Gruppe von Spalten oder Zeilen ist |
| sorted | reversed number reversed number number reversed | Definiert die Sortierrichtung einer Spalte |
| valign | top middle bottom baseline | Nicht in HTML5 unterstützt. Vertikale richtet den Inhalt in einer Header-Zelle |
| width | pixels % | Nicht in HTML5 unterstützt. Gibt die Breite einer Kopfzelle |
globale Attribute
Das <th> Tag unterstützt auch der Globale Attribute in HTML .
Event-Attribute
Das <th> -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: TableHeader Objekt
CSS Tutorial: Styling Tables
Standard CSS-Einstellungen
Die meisten Browser erscheint auf dem Display <th> mit den folgenden Standardwerte Element:
th {
display: table-cell;
vertical-align: inherit;
font-weight: bold;
text-align: center;
}