Tag HTML <col>
Le tag <col> spécifie les caractéristiques d'une ou plusieurs colonnes du tableau HTML, définies par le tag <table>. Le tag <col> est souvent utilisé avec le tag <colgroup>, qui spécifie un groupe avec des caractéristiques communes.
Syntaxe
Le tag <col> est un seul élément; le tag fermant n’est pas requis. En XHTML le tag <col> doit être fermé. (</col>).
Le tag<col> est situé dedans le tag <table> avant les tags <thead>, <tbody>, <tfoot> et <tr> et après le tag <caption> s’il est utilisé (dans le tag <thead> on met le nom du tableau).
Exemple
<!DOCTYPE html>
<html>
<head>
<style>
table,th,td{border:1px solid black;}
</style>
</head>
<body>
<table>
<colgroup>
<col span="2" style="background-color:#EDEDED; width: 150px;">
<col style="background-color:#50F740; width: 50px;">
</colgroup>
<tr>
<th>Nom</th>
<th>Sexe</th>
<th>Age</th>
</tr>
<tr>
<td><em>Marie Legrand</em></td>
<td>féminine</td>
<td>19</td>
</tr>
<tr>
<td><em>Charle Legrand</em></td>
<td>masculin</td>
<td>23</td>
</tr>
</table>
</body>
</html>Résultat
Attributs
| Attribut | Valeur | Description |
|---|---|---|
| align | Définit l'alignement du contenu de la colonne.
Non supporté en HTML5. |
|
| left | Aligne à gauche. | |
| right | Aligne à droit. | |
| center | Aligne au centre. | |
| justify | Aligne sur les bords droit et gauche. | |
| char | Aligne un symbole spécial avec un décalage minimum, défini par les attributs char et charoff. | |
| char | character |
Aligne le contenu de la colonne avec le symbole spécifié. Utilisé uniquement si align = "char". Non supporté en HTML5. |
| charoff | number | Décale le contenu de la cellule par rapport au caractère spécifié indiqué comme valeur de l'attribut vers la droite (valeurs positives) ou vers la gauche (valeurs négatives). Utilisé uniquement si l'attribut align = "char".
Non supporté en HTML5. |
| span | number | Définit le nombre des colonnes dont les caractéristiques sont définies par l'élément <col>. Le nombre doit être un entier positif. Si le paramètre n'est pas défini, la valeur par défaut est 1. |
| valign | Aligne le contenu verticalement.Non supporté en HTML5. | |
| top | Aligne en haut de la ligne. | |
| bottom | Aligne en bas de la ligne. | |
| middle | Aligne au milieu. | |
| baseline | Aligne la ligne de base. | |
| width | % pixels relative_length |
Définit la largeur de la colonne.
Non supporté en HTML5. |
Le tag <col> supporte également les Attributs globaux et les Attributs d'événements.
Support de Navigateurs
|
|
|
|
|
|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ |
Pratiquez vos connaissances
Quelles sont les utilités de la balise <col> en HTML ?
Correcte!
Incorrecte!