Przykład
Prosty tabeli HTML z dwóch komórek nagłówka i dwóch komórek danych:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Spróbuj sam " Więcej "Try it yourself" przykłady poniżej.
Definicja i Wykorzystanie
<th> tag definiuje komórkę nagłówka w tabeli HTML.
Tabeli HTML posiada dwa rodzaje komórek:
- Komórki Nagłówek - zawiera informacje nagłówka (utworzonego przy użyciu <th> element)
- Standardowe komórki - zawiera dane (utworzonego przy użyciu <td> elementu)
Tekst w <th> elementy są pogrubione i wyśrodkowane domyślnie.
Tekst w <td> elementy są regularne i lewej wyrównany domyślnie.
Pomoc Browser
Element | |||||
---|---|---|---|---|---|
<th> | tak | tak | tak | tak | tak |
Porady i wskazówki
Wskazówka: Użyj colspan i rowspan atrybut pozwolić rozpiętość treści na wielu kolumn i wierszy!
Różnice między HTML 4.01 i HTML5
Wszystkie atrybuty układu są usuwane w HTML5.
Atrybuty
Atrybut | Wartość | Opis |
---|---|---|
abbr | text | Określa skróconą wersję zawartości w komórce nagłówka |
align | left right center justify char | Nie jest obsługiwany w HTML5. Wyrównuje zawartość komórki nagłówka |
axis | category_name | Nie jest obsługiwany w HTML5. Kategoryzuje komórki nagłówka |
bgcolor | rgb(x,x,x) #xxxxxx colorname | Nie jest obsługiwany w HTML5. Określa kolor tła komórki nagłówka |
char | character | Nie jest obsługiwany w HTML5. Wyrównuje zawartość komórki nagłówka do charakteru |
charoff | number | Nie jest obsługiwany w HTML5. Ustawia liczbę znaków zawartość zostanie wyrównana z charakteru określonego przez char atrybutu |
colspan | number | Określa liczbę kolumn komórka nagłówka powinna obejmujących |
headers | header_id | Określa jeden lub większej liczby komórek w nagłówku komórki związane jest |
height | pixels % | Nie jest obsługiwany w HTML5. Ustawia wysokość komórki nagłówka |
nowrap | nowrap | Nie jest obsługiwany w HTML5. Określa, że zawartość wewnątrz komórki nagłówka nie należy owijać |
rowspan | number | Określa liczbę wierszy nagłówka komórki powinny obejmujących |
scope | col colgroup row rowgroup | Określa, czy komórka jest nagłówek nagłówek kolumny, wiersza lub grupa kolumn lub wierszy |
sorted | reversed number reversed number number reversed | Określa kierunek sortowania kolumny |
valign | top middle bottom baseline | Nie jest obsługiwany w HTML5. Pionie wyrównuje zawartość komórki nagłówka |
width | pixels % | Nie jest obsługiwany w HTML5. Określa szerokość komórki nagłówka |
Atrybuty globalne
<th> tag obsługuje również globalne Atrybuty w HTML .
Atrybuty Event
<th> tag obsługuje również Event Atrybuty w HTML .
Spróbuj sam - przykłady
nagłówki tabel
Jak tworzyć nagłówki tabeli.
Tablica z napisem
Tabeli HTML z podpisem.
Tagi wewnątrz tabeli
Jak wyświetlania elementów wewnątrz innych elementów.
C łokci, które obejmują więcej niż jeden wiersz / kolumnę
Jak zdefiniować komórki tabeli, które obejmują więcej niż jeden wiersz lub jedną kolumnę.
Podobne strony
Poradnik HTML: Tabele HTML
Odniesienia HTML DOM: TableHeader obiektu
CSS: Stylizacja Stoły
Domyślne ustawienia CSS
Większość przeglądarek wyświetli <th> element z następujących wartości domyślnych:
th {
display: table-cell;
vertical-align: inherit;
font-weight: bold;
text-align: center;
}