Manuale di riferimento HTML

Completo elenco dei tag HTML

Tag HTML: <colgroup>

HTML <colgroup> etichetta utilizzata per definire un gruppo di celle in una tabella, in modo che tu possa applicare un formato o aggiungere una classe al gruppo, piuttosto che a ogni singola cella. Questo tag è anche noto come elemento <colgroup>.

Esempio online

I tag <colgroup> e <col> assegnano un colore di sfondo ai quattro colonne della tabella:

Esempio

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Utilizzo del tag colgroup in HTML5 (Base Tutorial Web oldtoolbag.com)</title>
</head>
<body>
<table>
　　<colgroup>
　　　　<col span="3" style="background-color:#FFF9C4;">
　　　　<col style="background-color:yellow;">
　　</colgroup>
　　<thead>
　　　　<tr>
　　　　　　<th>Articolo</th>
　　　　　　<th>Quantità</th>
　　　　　　<th>Prezzo</th>
　　　　　　<th>Total</th>
　　　　</tr>
　　</thead>
　　<tbody>
　　　　<tr>
　　　　　　<td>Mela</td>
　　　　　　<td>5</td>
　　　　　　<td>$12</td>
　　　　　　<td>$60</td>
　　　　</tr>
　　</tbody>
</table>
</body>
</html>

Prova a 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 a #FFF9C4 per queste colonne. Il secondo tag <col> raggruppa la quarta colonna e imposta il colore di sfondo a giallo.

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser principali supportano il tag <colgroup>.

Definizione e istruzioni per l'uso del tag

L'elemento <colgroup> HTML si trova all'interno della tabella HTML all'interno del tag <body>.

Il tag <colgroup> viene utilizzato per raggruppare le colonne di una tabella per formattarle.
Il tag <colgroup> deve apparire dopo il <caption> del tavolo, ma prima del tag <thead>, <tr>, <th>, <tbody> e <tfoot> del tavolo.

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

Suggerimento:Se si desidera definire attributi diversi per una colonna di <colgroup>, utilizzare il tag <colgroup> all'interno. <col> etichetta.

Differenze tra HTML 4.01 e HTML5

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

Proprietà

Proprietà	Valore	Descrizione
align	left 　right 　center 　justify 　char	HTML5 non supporta. Stabilisce il modo di allineamento orizzontale del contenuto nella combinazione delle colonne.
char	character	HTML5 non supporta. Stabilisce il carattere di allineamento del contenuto nella combinazione delle colonne.
charoff	number	HTML5 non supporta. Stabilisce l'offset del primo carattere di allineamento.
span	number	Stabilisce il numero di colonne che la combinazione delle colonne dovrebbe coprire.
valign	top 　middle 　bottom 　baseline	HTML5 non supporta. Definisce il modo di allineamento verticale del contenuto nella combinazione delle colonne.
width	pixels % relative_length	HTML5 non supporta. Stabilisce la larghezza della combinazione delle colonne.

Proprietà globali

Supporto <colgroup> etichetta Proprietà globali HTML.

Proprietà degli eventi

Supporto <colgroup> etichetta Proprietà degli eventi HTML.

Tag HTML: <command>Tag HTML: <col>