1. Description de la balise <col> HTML
La balise HTML <col> est utilisée dans le contexte des tables pour spécifier les propriétés de mise en forme pour une ou plusieurs colonnes au sein d'une table. Elle fonctionne en conjonction avec la balise <colgroup> pour définir des propriétés de mise en page qui s'appliquent à des colonnes spécifiques de la table. La balise <col> n'a généralement pas de contenu, mais elle est plutôt utilisée pour définir des attributs qui affectent les colonnes de la table. L'utilisation de <colgroup> et <col> peut rendre la définition de la mise en forme des tables plus concise et cohérente, car vous pouvez définir des attributs une seule fois pour un groupe de colonnes plutôt que de les répéter pour chaque colonne individuelle.
2. Syntaxe et usage de la balise <col> HTML
Voici la syntaxe générale de la balise <col> :
1 |
<col attribut1="valeur1" attribut2="valeur2" ... /> |
Voici quelques attributs couramment utilisés avec la balise <col> :
- span: Cet attribut indique le nombre de colonnes adjacentes que la balise <col> doit englober. Par exemple, span="2" signifierait que la balise <col> s'applique à deux colonnes adjacentes.
- width: Cet attribut permet de spécifier la largeur de la colonne. Vous pouvez utiliser des valeurs en pixels (px), en pourcentage (%) ou d'autres unités de mesure.
- style: Cet attribut permet de définir des styles CSS pour la colonne. Vous pouvez utiliser des règles CSS pour personnaliser l'apparence de la colonne, comme la couleur de fond, la couleur du texte, etc.
Lorsque vous utilisez la balise <col>, vous pouvez la placer à l'intérieur d'une balise <colgroup> pour regrouper des colonnes et appliquer des propriétés de mise en forme cohérentes à ce groupe de colonnes.
3. Exemples d'usages de la balise <col> HTML
Voici un exemple d'utilisation de la balise <col> :
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<table> <!-- les deux colonnes seront colorées différemment grâce aux styles définis dans les balises <col> --> <colgroup> <col style="background-color: lightblue;" /> <col style="background-color: lightgreen;" /> </colgroup> <tr> <td>Contenu de la colonne 1</td> <td>Contenu de la colonne 2</td> </tr> </table> |
Ce qui affiche au navigateur:
Younes Derfoufi
CRMEF OUJDA
-
Langage Python pour les Nuls, 3e éd - John Paul Mueller
€ 24,00 Acheter le livre -
Tenda Routeur WiFi 6 RX12 Pro, Router Tenda WiFi AX3000 Bi-Bande, 5 * 6dBi Antennes à Haut Puissance, Large Couverture,
€ 57,00 Acheter le livre -
Python pour les Nuls, 4è édition - John Paul Mueller
€ 25,00 Acheter le livre
1 thought on “La balise <col> HTML”