Manuale di riferimento HTML

Completo della guida ai tag HTML

Tag HTML: <col>

L'elemento HTML <col> definisce una colonna nella tabella e viene utilizzato per definire il senso comune su tutte le celle comuni. Di solito è posizionato all'interno dell'elemento <colgroup>.

Esempio online

I tag <colgroup> e <col> impostano il colore di sfondo per tre colonne nella tabella:

Esempio

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Base Tutorial Website (oldtoolbag.com)</title>　
</head>
<body>
<table>
　　<colgroup>
　　　　<col span="3" style="background-color:#FFF3E0;">
　　　　<col style="background-color:orange;">
　　</colgroup>
　　<thead>
　　　　<tr>
　　　　　　<th>Articolo</th>
　　　　　　<th>Quantità</th>
　　　　　　<th>Prezzo</th>
　　　　　　<th>Total</th>
　　　　</tr>
　　</thead>
　　<tbody>
　　　　<tr>
　　　　　　<td>Arance</td>
　　　　　　<td>45</td>
　　　　　　<td>$2</td>
　　　　　　<td>$90</td>
　　　　</tr>
　　</tbody>
</table>
</body>
</html>

Testa per vedere <‹/›

In questo esempio di documento HTML5, abbiamo creato una tabella con sezioni <colgroup>, <thead> e <tbody>. Nella sezione <colgroup>, abbiamo utilizzato due tag <col>. Il primo tag <col> raggruppa le prime tre colonne e imposta il colore di sfondo come arancione chiaro, ossia il valore esadecimale #FFF3E0. Il secondo tag <col> raggruppa la quarta colonna e imposta il colore di sfondo come arancione.

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano il tag <col>.

Definizione e istruzioni per l'uso dei tag

Il tag <col> viene utilizzato per<colgroup>Parzialmente, per definire le proprietà della colonna.

Utilizzando il tag <col>, è possibile applicare uno stile a tutta la colonna, senza dover impostare uno stile per ogni cella o ogni riga.

Le differenze tra HTML 4.01 e HTML5

HTML5 non supporta la maggior parte delle proprietà di HTML 4.01.

Le differenze tra HTML e XHTML

Nel HTML, il tag <col> non ha etichetta di chiusura.

In XHTML, l'etichetta <col> deve essere chiusa correttamente.

Proprietà

Proprietà	Valore	Descrizione
align	left 　right 　center 　justify 　char	HTML5 non supporta. Regola il modo di allineamento orizzontale del contenuto associato all'elemento <col>.
char	character	HTML5 non supporta. Regola il carattere di allineamento del contenuto associato all'elemento <col>.
charoff	number	HTML5 non supporta. Regola la posizione dell'ottavo carattere di allineamento.
span	number	Regola il numero di colonne che l'elemento <col> dovrebbe coprire.
valign	top 　middle 　bottom 　baseline	HTML5 non supporta. Regola il modo di allineamento verticale del contenuto associato all'elemento <col>.
width	% 　pixels 　relative_length	HTML5 non supporta. Specifica la larghezza di un elemento <col>

Proprietà globali

Supporto <col> etichetta Proprietà globali HTML.

Proprietà degli eventi

Supporto <col> etichetta Proprietà degli eventi HTML.

Tag HTML: <colgroup>Tag HTML: <code>