HTML: <tbody> etichetta HTML: <summary> etichetta

HTML: <table> etichetta

Esempio online

Due esempi di tabelle HTML:

Esempio

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Utilizzo del tag HTML table (Tutorial di base del sito web oldtoolbag.com)</title>
</head>
<body>
<table border="1">
　　<tr>
　　　　<th>Articolo</th>
　　　　<th>Importo</th>
　　</tr>
　　<tr>
　　　　<td>Banane</td>
　　　　<td>$5</td>
　　</tr>
　　<tr>
　　　　<td>Arance</td>
　　　　<td>$17</td>
　　</tr>
</table>
<br>
<table border="1">
　　　　<thead>
　　　　　　　　<tr>
　　　　　　　　　　　　<th colspan="2">The table header</th>
　　　　　　　　</tr>
　　　　</thead>
　　　　<tbody>
　　　　　　　　<tr>
　　　　　　　　　　　　<td>The table body</td>
　　　　　　　　　　　　<td>with two columns</td>
　　　　　　　　</tr>
　　　　</tbody>
</table>
</body>
</html>

Prova a vedere ‹/›

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano il tag <table>.

definizione e istruzioni per l'uso del tag

Il tag <table> definisce una tabella HTML

Una tabella HTML include l'elemento <table>, uno o più <tr>e<th> e <td> elemento.

L'elemento <tr> definisce una riga della tabella, l'elemento <th> definisce l'intestazione della tabella, e l'elemento <td> definisce una cella della tabella.

Tabelle HTML più complesse possono includere anche gli elementi <caption>, <col>, <colgroup>, <thead>, <tfoot> e <tbody>.

Differenze tra HTML 4.01 e HTML5

In HTML5, viene supportato solo l'attributo "border" e sono ammessi solo i valori "1" o "".

proprietà

proprietà	valore	descrizione
allineamento	sinistra centro destra	HTML5 non supporta. HTML 4.01 è obsoleto. Specifica il modo in cui la tabella è allineata rispetto agli elementi circostanti.
bgcolor	rgb(x,x,x) #xxxxxx nomecolore	HTML5 non supporta. HTML 4.01 è obsoleto. Specifica il colore di sfondo della tabella.
bordo	1 ""	Specifica se le celle della tabella hanno un bordo.
cellpadding	pixels	HTML5 non supporta. Specifica lo spazio tra il bordo delle celle e il loro contenuto.
cellspacing	pixels	HTML5 non supporta. Specifica lo spazio tra le celle.
frame	vuoto 　sopra 　sotto 　hsides 　lhs 　rhs 　vsides 　casella 　bordo	HTML5 non supporta. Specifica quale parte del bordo esterno è visibile.
regole	nessuno 　gruppi 　righe 　colonne 　tutti	HTML5 non supporta. Specifica quale parte del bordo interno è visibile.
riassunto	text	HTML5 non supporta. Stabilisce l'abstract della tabella.
larghezza	pixels 　%	HTML5 non supporta. Stabilisce la larghezza della tabella.

Proprietà globali

Supporta <table> etichetta Proprietà globali HTML.

Proprietà degli eventi

Supporta <table> etichetta Proprietà degli eventi HTML.

Più esempi online

Tabella senza bordi
Questo esempio dimostra una tabella senza bordi.

Intestazione della tabella (Heading)
Questo esempio dimostra come visualizzare l'intestazione della tabella.

Tabella con titolo
Questo esempio dimostra una tabella con un titolo (caption).

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

Etichette nel tabella
Questo esempio dimostra come visualizzare gli elementi all'interno di diversi elementi.

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

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

Manuale di riferimento HTML

Completo elenco dei tag HTML