Esempio
Una semplice tabella HTML con due celle di intestazione e due celle di dati:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Prova tu stesso " Più "Provate voi stessi" esempi di seguito.
Definizione e utilizzo
Il <th> tag definisce una cella di intestazione in una tabella HTML.
Una tabella HTML ha due tipi di cellule:
- Celle di intestazione - contiene informazioni di intestazione (creato con il <th> elemento)
- Celle standard - contiene dati (creata con il <td> elemento)
Il testo in <th> elementi sono evidenziate in grassetto e centrato per impostazione predefinita.
Il testo in <td> elementi sono regolari e allineato a sinistra per impostazione predefinita.
Supporto per il browser
| Elemento | |||||
|---|---|---|---|---|---|
| <th> | sì | sì | sì | sì | sì |
Suggerimenti e Note
Suggerimento: Utilizzare il colspan e rowspan attributo di lasciare che il lasso di contenuti su più colonne o righe!
Differenze tra HTML 4.01 e HTML5
Tutti gli attributi di layout vengono rimossi in HTML5.
attributi
| Attributo | Valore | Descrizione |
|---|---|---|
| abbr | text | Specifica una versione abbreviata del contenuto in una cella di intestazione |
| align | left right center justify char | Non supportato in HTML5. Allinea il contenuto di una cella di intestazione |
| axis | category_name | Non supportato in HTML5. Categorizza le celle di intestazione |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | Non supportato in HTML5. Specifica il colore di una cella di intestazione di sfondo |
| char | character | Non supportato in HTML5. Allinea il contenuto di una cella di intestazione di un personaggio |
| charoff | number | Non supportato in HTML5. Imposta il numero di caratteri il contenuto sarà allineata dal carattere specificato dal char dell'attributo |
| colspan | number | Specifica il numero di colonne di una cella di intestazione dovrebbe estendersi |
| headers | header_id | Specifica una o più celle di intestazione di una cella è legato alla |
| height | pixels % | Non supportato in HTML5. Imposta l'altezza di una cella di intestazione |
| nowrap | nowrap | Non supportato in HTML5. Specifica che il contenuto all'interno di una cella di intestazione non deve andare a capo |
| rowspan | number | Specifica il numero di righe una cella di intestazione dovrebbe estendersi |
| scope | col colgroup row rowgroup | Specifica se una cella di intestazione è un colpo di testa di una colonna, riga, o un gruppo di colonne o righe |
| sorted | reversed number reversed number number reversed | Definisce la direzione di ordinamento di una colonna |
| valign | top middle bottom baseline | Non supportato in HTML5. Vertical allinea il contenuto di una cella di intestazione |
| width | pixels % | Non supportato in HTML5. Specifica la larghezza di una cella di intestazione |
attributi globali
Il <th> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
Il <th> tag supporta anche l' evento Attributi in HTML .
Provate voi stessi - Esempi
intestazioni di tabella
Come creare intestazioni di tabella.
Tavolo con una didascalia
Una tabella HTML con una didascalia.
Tag all'interno di una tabella
Come visualizzare elementi all'interno di altri elementi.
C ells che si estendono su più di una riga / colonna
Come definire le celle di tabella che si estendono su più di una riga o una colonna.
Pagine correlate
HTML tutorial: tabelle HTML
Di riferimento HTML DOM: TableHeader Object
CSS Tutorial: Tabelle Styling
Impostazioni predefinite CSS
La maggior parte dei browser visualizzerà il <th> elemento con i seguenti valori di default:
th {
display: table-cell;
vertical-align: inherit;
font-weight: bold;
text-align: center;
}