Manuel de référence HTML

Complète liste des balises HTML

Balise HTML: <command>Balise HTML: <col>

Balise HTML: <colgroup>

Le tag <colgroup> HTML est utilisé pour définir un groupe de colonnes dans un tableau, afin que vous puissiez appliquer un format ou ajouter une classe au groupe plutôt que à chaque cellule individuelle. Ce tag est également appelé l'élément <colgroup>.

Exemple en ligne

L'élément <colgroup> et le tag <col> définissent la couleur de fond pour quatre colonnes dans le tableau :

Exemple

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML5　Utilisation du tag colgroup (Tutoriel de base du site web　oldtoolbag.com)</title>
</head>
<body>
<table>
　　<colgroup>
　　　　<col　span="3"　style="background-color:#FFF9C4">
　　　　<col　style="background-color:yellow;">
　　</colgroup>
　　<thead>
　　　　<tr>
　　　　　　<th>Item</th>
　　　　　　<th>Quantity</th>
　　　　　　<th>Price</th>
　　　　　　<th>Total</th>
　　　　</tr>
　　</thead>
　　<tbody>
　　　　<tr>
　　　　　　<td>Bananas</td>
　　　　　　<td>5</td>
　　　　　　<td>$12</td>
　　　　　　<td>$60</td>
　　　　</tr>
　　</tbody>
</table>
</body>
</html>

Testez pour voir ‹/›

　Dans cet HTML5Dans l'exemple de document, nous avons créé un tableau avec des parties <colgroup>, <thead> et <tbody>. Dans la partie <colgroup>, nous avons utilisé deux balises <col>. La première balise <col> regroupe les trois premières colonnes et met en couleur de fond #FFF pour ces colonnes.9C4Deuxième tag <col> qui regroupe la quatrième colonne et met en couleur de fond jaune.

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires supportent le tag <colgroup>.

Définition et instructions d'utilisation du tag

L'élément <colgroup> HTML se trouve dans un tableau à l'intérieur du tag <body>.

Le tag <colgroup> est utilisé pour regrouper les colonnes d'un tableau afin de les formatter.
Le tag <colgroup> doit apparaître après le <caption> dans le tableau, mais avant les balises <thead>, <tr>, <th>, <tbody> et <tfoot>.

En utilisant le tag <colgroup>, vous pouvez appliquer un style à l'ensemble des colonnes sans avoir à répéter le style pour chaque cellule ou chaque rangée.

Avis :Si vous souhaitez définir des attributs différents pour une colonne spécifique dans <colgroup>, utilisez <col> balises.

HTML 4.01 et HTML5différences

HTML5 ne prend plus en charge HTML 4.01 la plupart des attributs

Attribut

Attribut	Valeur	Description
align	left 　right 　center 　justify 　char	HTML5 Non pris en charge. Définit la manière dont le contenu horizontal est aligné dans la combinaison de colonnes.
char	character	HTML5 Non pris en charge. Définit sur quel caractère aligner le contenu de la combinaison de colonnes.
charoff	number	HTML5 Non pris en charge. Définit l'offset du premier caractère d'alignement.
span	number	Définit le nombre de colonnes que la combinaison de colonnes doit couvrir.
valign	top 　middle 　bottom 　baseline	HTML5 Non pris en charge. Définit la manière dont le contenu vertical est aligné dans la combinaison de colonnes.
width	pixels % relative_length	HTML5 Non pris en charge. Définit la largeur de la combinaison de colonnes.

Attributs globaux

Le balise <colgroup> est pris en charge Attributs globaux HTML.

Attributs événementiels

Le balise <colgroup> est pris en charge Attributs événementiels HTML.

Balise HTML: <command>Balise HTML: <col>