English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML <th>-Tag definiert eine Titelzelle, die in der ersten Zeile einer HTML-Tabelle auftreten kann. Der Browser stellt den Text, der im <th>-Tag gefunden wird, als fett und zentriert angezeigten Text dar. Dieses Tag wird auch oft als <th>-Element bezeichnet.
HTML-Tabelle mit zwei Kopfzellen und zwei Datenzellen:
<!doctype html> <html> <kopf> <meta charset="UTF-8"> <title>Verwendung des HTML th-Elements (Grundlagen-Tutorial-Website oldtoolbag.com)</title> </kopf> <body> <table border="1"> <tr> <th>Spalte 1 Heading</th> <th>Spalte 2 Heading</th> <th>Spalte 3 Heading</th> </tr> <tr> <td>Data in Column> 1, Row 2</td> <td>Data in Column> 2, Row 2</td> <td>Data in Column> 3, Row 2</td> </tr> </table> </body> </html>Testen Sie es heraus ‹/›
In diesem HTML5In einem Dokumentbeispiel haben wir eine Tabelle mit dem <table>-Tag erstellt, die3Spalte und2Reihe.1Reihe hat3von2Reihe wird durch das <td>-Tag definiert.
IEFirefoxOperaChromeSafari
Alle gängigen Browser unterstützen das <th>-Tag.
<th>-Tag definiert eine Kopfzelle in einer HTML-Tabelle.
HTML-Tabelle hat zwei Zelltypen:
Kopfzelle - enthält Kopfinformationen (von <th>-Element erstellt)
Standardzelle - enthält Daten (von <td> Element erstellt)
Der Text im <th>-Element wird in der Regel fett und zentriert dargestellt.
Der Text im <td>-Element ist in der Regel linksbündig.
<th>-Tag ist eine Titelzelle, die in der ersten Zeile einer HTML-Tabelle auftreten kann. Es kann das <th>-Tag innerhalb des <thead>-Tags definiert werden, was einigen Vorteilen der Browser bietet, aber dies ist optional.
Hinweis:Um Inhalt über mehrere Zeilen oder Spalten zu spannen, verwenden Sie die Attribute colspan und rowspan!
HTML 5 unterstützt HTML nicht mehr. 4.01 bestimmte Eigenschaften.
| Eigenschaft | Wert | Beschreibung |
|---|---|---|
| abbr | text | HTML5 Not supported. Bestimmt die abgekürzte Version des Inhalts einer Kopfzelle. |
| align | left right center justify char | HTML5 Not supported. Bestimmt die horizontale Ausrichtung des Inhalts einer Kopfzelle. |
| axis | category_name | HTML5 Not supported. Kategorisiert eine Kopfzelle. |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | HTML5 Not supported. HTML 4.01 Deprecated. Bestimmt die Hintergrundfarbe einer Kopfzelle. |
| char | character | HTML5 Not supported. Bestimmt, an welchem Zeichen der Inhalt ausgerichtet wird. |
| charoff | number | HTML5 Not supported. Bestimmt den Abstand zur Ausrichtung eines Zeichens. |
| colspan | number | Bestimmt die Anzahl der Spalten, die eine Kopfzelle überspannen kann. |
| headers | header_id | Bestimmt eine oder mehrere Kopfzellen, die mit einer Kopfzelle verbunden sind. |
| height | pixels % | HTML5 Not supported. HTML 4.01 Deprecated. Bestimmt die Höhe einer Kopfzelle. |
| nowrap | nowrap | HTML5 Not supported. HTML 4.01 Deprecated. Bestimmt, ob der Inhalt einer Kopfzelle umgebrochen wird. |
| rowspan | number | Bestimmt die Anzahl der Zeilen, die eine Kopfzelle überspannen kann. |
| scope | col colgroup row rowgroup | Specifies whether the header cell is a header of a row, column, row group, or column group. |
| valign | top middle bottom baseline | HTML5 Not supported. Specifies the vertical alignment of the header cell content. |
| width | pixels % | HTML5 Not supported. HTML 4.01 Deprecated. Specifies the width of the header cell. |
<th> Tag supports HTML Global Attributes.
<th> Tag supports all HTML Event Attributes.
Table cells spanning rows or columns
This example demonstrates how to define table cells that span rows or columns.
Tags within Tables
This example demonstrates how to display elements within different elements.
Cell padding (Cell padding)
This example demonstrates how to use Cell padding to create whitespace between the cell content and its border.
Cell spacing (Cell spacing)
This example demonstrates how to use Cell spacing to increase the distance between cells.
HTML Tutorial:HTML Tables
HTML DOM Reference Manual:Th Object