Manuale di riferimento HTML

Completo delle etichette HTML

HTML: <textarea> etichetta HTML: <tbody> etichetta

HTML: <td> etichetta

Il tag HTML <td> definisce una cella standard in una tabella. L'elemento <td> definisce una cella di tabella che contiene dati. Questo tag è anche noto come elemento <td>.

Esempio online

　Tabella HTML, con più celle:

Esempio

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Utilizzo del tag td HTML (Tutoriale di base del sito web oldtoolbag.com)</title>
</head>
<body>
<table border="1">
　　<tr>
　　　　<th>Intestazione della colonna 1</th>
　　　　<th>Intestazione della colonna 2</th>
　　</tr>
　　<tr>
　　　　<td>Dati nella colonna 1, riga 2</td>
　　　　<td>Dati nella colonna 2, riga 2</td>
　　</tr>
　　<tr>
　　　　<td>Dati nella colonna 1, riga 3</td>
　　　　<td>Dati nella colonna 2, riga 3</td>
　　</tr>
　　<tr>
　　　　<td>Dati nella colonna 1, riga 4</td>
　　　　<td>Data nella Colonna 2, Riga 4</td>
　　</tr>
</table>
</body>
</html>

Prova a vedere ‹/›

In questo esempio di documento HTML5, abbiamo creato una tabella utilizzando il tag <table>, che ha 2 colonne e 4 righe. La prima riga della tabella è definita utilizzando il primo tag <tr>. Ha 2 celle di intestazione definite utilizzando il tag <th>. Le righe 2-4 della tabella sono definite utilizzando il tag <td> per celle standard di tabella.

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano il tag <td>.

Descrizione del tag e istruzioni per l'uso

Il tag <td> definisce una cella standard di tabella HTML.

HTML ha due tipi di celle di tabella:

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

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

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

Suggerimenti e avvertenze

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

Differenze tra HTML 4.01 e HTML5

HTML 5 non supporta alcune proprietà di HTML 4.01.

Proprietà

Proprietà	Valore	Descrizione
abbr	text	Non supportato da HTML5. Stabilisce la versione abbreviata del contenuto della cella.
align	left 　right 　center 　justify 　char	Non supportato da HTML5. Stabilisce il modo di allineamento orizzontale del contenuto della cella.
axis	category_name	Non supportato da HTML5. Classifica la cella.
bgcolor	rgb(x,x,x) #xxxxxx colorname	HTML5 non supporta. HTML 4.01 è obsoleto. Stabilisce il colore di sfondo della cella.
char	character	Non supportato da HTML5. Stabilisce il carattere di allineamento del contenuto.
charoff	number	Non supportato da HTML5. Stabilisce l'offset di allineamento dei caratteri.
colspan	number	Stabilisce il numero di colonne che una cella può coprire.
headers	header_id	Stabilisce una o più celle di intestazione associate alla cella.
height	pixels %	HTML5 non supporta. HTML 4.01 è obsoleto. Imposta l'altezza della cella.
nowrap	nowrap	HTML5 non supporta. HTML 4.01 è obsoleto. Stabilisce se il contenuto della cella deve essere interrotto.
rowspan	number	Imposta il numero di righe che una cella può coprire.
scope	col 　colgroup 　row 　rowgroup	HTML5 non supporta. Definisce il metodo per associare le celle dell'intestazione della tabella con le celle dei dati.
valign	top 　middle 　bottom 　baseline	HTML5 non supporta. Determina il modo di allineamento verticale del contenuto della cella.
larghezza	pixels %	HTML5 non supporta. HTML 4.01 è obsoleto. Determina la larghezza della cella.

Proprietà globali

Supporto <td> etichetta Proprietà globali HTML.

Proprietà degli eventi

Supporto <td> etichetta Proprietà degli eventi HTML.

Prova a fare un esempio - esempio

Celle di tabella che vanno su più righe o colonne
Questo esempio dimostra come definire celle di tabella che vanno su più righe o colonne.

Etichette all'interno della 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 della cella e il bordo utilizzando Cell padding.

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