Manuale di riferimento HTML

Completo elenco tag HTML

HTML: <thead> etichetta HTML: <tfoot> etichetta

HTML: <th> etichetta

L'etichetta HTML <th> definisce una cella di intestazione, che può apparire nella prima riga di un tabella HTML. Il browser presenterà il testo trovato all'interno dell'etichetta <th> in grassetto e centrato. Questo etichetta è anche noto come elemento <th>.

Esempio online

　HTML tabella, con due celle di intestazione e due celle di dati:

Esempio

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Utilizzo del tag th HTML (Guida di base oldtoolbag.com)</title>
</head>
<body>
<table border="1">
　　<tr>
　　　　<th>Column 1 Heading</th>
　　　　<th>Column 2 Heading</th>
　　　　<th>Column 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>

Testa a vedere ‹/›

In questo esempio di documento HTML5, abbiamo creato una tabella utilizzando il tag <table>, che ha 3 colonne e 2 righe. La prima riga della tabella contiene 3 celle di intestazione definite con il tag <th>. La seconda riga della tabella contiene celle standard definite con il tag <td>.

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano il tag <th>.

Definizione e istruzioni per l'uso del tag

Il tag <th> definisce la cella di intestazione di un HTML table.

HTML ha due tipi di celle di tabella:

Cella di intestazione - contiene informazioni di intestazione (creata dall'elemento <th>)
Cella standard - contiene dati (da <td> Creazione dell'elemento (

Il testo nell'elemento <th> è di solito presentato in grassetto e centrato.

Il testo nell'elemento <td> è di solito testo a sinistra.

Il tag <th> è una cella di intestazione, che può apparire nella prima riga di un HTML table. È possibile definire il tag <th> all'interno del tag <thead>, il che offre alcuni vantaggi del browser, ma è opzionale.

Suggerimenti e avvertenze

Suggerimento:Se si desidera coprire il contenuto su più righe o colonne, utilizzare gli attributi colspan e rowspan!

Differenze tra HTML 4.01 e HTML5

Alcuni attributi di HTML 4.01 non sono più supportati in HTML 5.

Proprietà

Proprietà	Valore	Descrizione
abbr	text	HTML5 non supporta. Regola la versione abbreviata del contenuto della cella di intestazione.
align	left 　right 　center 　justify 　char	HTML5 non supporta. Regola il modo di allineamento orizzontale del contenuto della cella di intestazione.
axis	category_name	HTML5 non supporta. Categorizza la cella di intestazione.
bgcolor	rgb(x,x,x) #xxxxxx colorname	HTML5 non supporta. HTML 4.01 è obsoleto. Regola il colore di sfondo della cella di intestazione.
char	character	HTML5 non supporta. Regola su quale carattere allineare il contenuto.
charoff	number	HTML5 non supporta. Regola la quantità di spostamento del carattere allineato.
colspan	number	Regola il numero di colonne che la cella di intestazione può coprire.
headers	header_id	Regola una o più celle di intestazione associate alla cella di intestazione.
height	pixels %	HTML5 non supporta. HTML 4.01 è obsoleto. Regola l'altezza della cella di intestazione.
nowrap	nowrap	HTML5 non supporta. HTML 4.01 è obsoleto. Regola se il contenuto della cella di intestazione deve essere piegato.
rowspan	number	Regola il numero di righe che la cella di intestazione può coprire.
scope	col 　colgroup 　row 　rowgroup	Regola se la cella di intestazione è la testa di riga, colonna, gruppo di righe o gruppo di colonne.
valign	top 　middle 　bottom 　baseline	HTML5 non supporta. Stabilisce il modo di allineamento verticale del contenuto della cella di intestazione.
larghezza	pixels %	HTML5 non supporta. HTML 4.01 è obsoleto. Stabilisce la larghezza della cella di intestazione.

Proprietà globali

L'etichetta <th> supporta Proprietà globali HTML.

Proprietà degli eventi

L'etichetta <th> supporta tutti Proprietà degli eventi HTML.

Più esempi

Celle di tabella che vanno oltre una riga o una colonna
Questo esempio dimostra come definire celle di tabella che vanno oltre una riga o una colonna.

Etichette all'interno della tabella
Questo esempio dimostra come visualizzare un elemento all'interno di diversi elementi.

Margine delle celle (Cell padding)
Questo esempio dimostra come creare uno spazio tra il contenuto delle celle e i loro bordi utilizzando Cell padding.

Spaziatura delle celle (Cell spacing)
Questo esempio dimostra come aumentare la distanza tra le celle utilizzando Cell spacing.