Exemplu
Un tabel HTML simplu cu doua celule de antet și două celule de date:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
<th> tag definește o celulă antet într - un tabel HTML.
Un tabel HTML are două tipuri de celule:
- Celule antet - conține informații antet (create cu <th> elementul)
- Celulele standard - conține date (created with the <td> element)
Textul din <th> elemente sunt bold și centrat în mod implicit.
Textul din <td> elemente sunt regulate și aliniat la stânga în mod implicit.
Suport pentru browser-
| Element | |||||
|---|---|---|---|---|---|
| <th> | da | da | da | da | da |
Sfaturi și note
Tip: Utilizați colspan și rowspan atributul pentru a permite intervalul de conținut peste mai multe coloane sau rânduri!
Diferențe între HTML 4.01 și HTML5
Toate atributele de aspect sunt eliminate în HTML5.
atribute
| Atribut | Valoare | Descriere |
|---|---|---|
| abbr | text | Specifică o versiune prescurtată a conținutului într-o celulă antet |
| align | left right center justify char | Nu sunt acceptate în HTML5. Aliniază conținutul într-o celulă antet |
| axis | category_name | Nu sunt acceptate în HTML5. Categorizes celule antet |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | Nu sunt acceptate în HTML5. Specifică culoarea de fundal a unei celule antet |
| char | character | Nu sunt acceptate în HTML5. Aliniază conținutul într-o celulă antet la un caracter |
| charoff | number | Nu sunt acceptate în HTML5. Setează numărul de caractere conținutul va fi aliniat la caracterul specificat de char atributul |
| colspan | number | Specifică numărul de coloane o celula antet ar trebui sa acopere |
| headers | header_id | Specifică una sau mai multe celule antet o celulă este legată de |
| height | pixels % | Nu sunt acceptate în HTML5. Setează înălțimea unei celule antet |
| nowrap | nowrap | Nu sunt acceptate în HTML5. Specifică faptul că conținutul în interiorul unei celule antet nu ar trebui să înfășurați |
| rowspan | number | Specifică numărul de rânduri o celula antet ar trebui sa acopere |
| scope | col colgroup row rowgroup | Specifică dacă o celulă antet este un antet pentru o coloană, rând, sau grup de coloane sau rânduri |
| sorted | reversed number reversed number number reversed | Definește direcția de sortare a unei coloane |
| valign | top middle bottom baseline | Nu sunt acceptate în HTML5. Verticală aliniază conținutul într-o celulă antet |
| width | pixels % | Nu sunt acceptate în HTML5. Specifică lățimea unei celule antet |
Atribute globale
<th> tag - ul sprijină , de asemenea, Global Atribute HTML .
Atribute Eveniment
<th> tag - ul sprijină , de asemenea Atributele evenimentului în HTML .
Încearcă-l singur - Exemple
Capetele de tabel
Cum de a crea anteturi de masă.
Tabelul cu o legendă
Un tabel HTML cu o legendă.
Tag - uri în interiorul unui tabel
Cum de a afișa elementele din interiorul altor elemente.
C ells care se întind pe mai mult de un rând / coloană
Cum de a defini celule de tabel care se întind pe mai mult de un rând sau o coloană.
Pagini similare
Tutorial HTML: tabele HTML
HTML DOM referință: TableHeader Obiect
CSS Tutorial: Tabele de styling
Setări implicit CSS
Cele mai multe browsere va afișa <th> elementul cu următoarele valori implicite:
th {
display: table-cell;
vertical-align: inherit;
font-weight: bold;
text-align: center;
}