Utiliser les balises colgroup et col

Utiliser les balises colgroup et col

  1. Objectifs

    • > Connaitre les balises colgroup.
  2. 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.



  3. 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>.
  4. Les attributs de l’élément colgroup

    • COLGROUP admet des attributs de formatage et des attributs de positionnement:
      1. 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).

      2. 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 (:).



Abonnez vous à notre chaîne YouTube gratuitement