Najnowsze tutoriale tworzenie stron internetowych
 

HTML <th> Tag


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
sortedreversed
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;
}