Utiliser les balises colgroup et col
Utiliser les balises colgroup et col
-
Objectifs
- > Connaitre les balises colgroup.
-
Introduction
- La balise <colgroup> regroupe des colonnes en groupes, les contenues étant définis avec <col>.
- La balise <col> spécifie les propriétés pour chaque colonne dans un élément <colgroup>.
- La balise <col> est utile pour appliquer des styles à des colonnes entières, au lieu de répéter les styles pour chaque cellule, pour chaque ligne.
- Cette balise est utile pour appliquer des styles à des colonnes entières, au lieu de répéter les styles pour chaque cellule ou pour chaque ligne.
-
Que fait <colgroup> HTML?
- L’élément <colgroup> est utilisé comme conteneur parent pour un ou plusieurs éléments <col> utilisés pour cibler les colonnes d’un tableau HTML.
- Pour définir des propriétés différentes à une colonne dans un <colgroup>, utilisez la balise col dans la balise <colgroup>.
-
Les attributs de l’élément colgroup
- COLGROUP admet des attributs de formatage et des attributs de positionnement:
- Formatage :
span|width
- span : permet de spécifier un nombre entier positif de colonnes comprises dans le groupe courant. Span est ignoré si le groupe contient des colonnes définies à l’aide de l’élément COL.
- Exemples:
- <COLGROUP span=4> … ==> signifie que le groupe comprend quatre colonnes;
- width: définit la largeur par défaut, en pixels ou en valeur relative, des colonnes du groupe. Le contrôle ne s’exerce pas sur le groupe lui-même, mais sur chaque colonne du groupe (n’est plus supporté en HTML5).
- positionnement :
align|valign|char|charoff
- align : alignement horizontal. Paramètres : left|center|right|justify
- valign: alignement vertical. Paramètres : top|center|bottom (n’est plus supporté en HTML5)
- char : indique le type de caractère d’alignement [: , .](n’est plus supporté en HTML5)
- charoff : définit une indentation (n’est plus supporté en HTML5).
- Exemples:
- <COLGROUP align=right>
- spécifie que le contenu des colonnes du groupe doit être aligné à droite ;
- <COLGROUP align=char char= »: »>
- indique un alignement du contenu des colonnes sur le caractère (:).