Balise HTML `<col>`

La balise <col> définit les propriétés d'une ou plusieurs colonnes dans le tableau HTML défini par la balise <table>. La balise <col> est souvent utilisée avec la balise <colgroup> qui spécifie un groupe ayant des propriétés communes. Remarque : les éléments <col> n'affectent que les colonnes situées dans le premier <colgroup> ou le premier groupe implicite.

La balise <col> est placée à l'intérieur de la balise <table>, avant les balises <thead>, <tbody>, <tfoot> et <tr>, et après la balise <caption> si elle est utilisée (dans la balise <caption>, nous insérons le nom du tableau).

Syntaxe

La balise <col> est vide, ce qui signifie que la balise de fermeture n'est pas requise. Cependant, dans XHTML, la balise <col> doit être auto-fermante (<col />). En HTML5 moderne, la barre oblique de fermeture est omise (<col>).

Exemple de la balise HTML `<col>` :

Balise HTML <col>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      table, th, td {
        border: 1px solid #666;
      }
    </style>
  </head>
  <body>
    <table>
      <colgroup>
        <col span="2" style="width:20%; background-color:#eee;" />
        <col style="width:10%; background-color:#8ebf42;" />
      </colgroup>
      <tr>
        <th>Name</th>
        <th>Gender</th>
        <th>Age</th>
      </tr>
      <tr>
        <td>Mary Nicolson</td>
        <td>female</td>
        <td>19</td>
      </tr>
      <tr>
        <td>John Johnson</td>
        <td>male</td>
        <td>23</td>
      </tr>
    </table>
  </body>
</html>

Try it Yourself »

Résultat

exemple de col

Attributs

Attribut	Valeur	Description
`align`	`left`, `right`, `center`, `justify`, `char`	Définit l'alignement du contenu de la colonne. Non pris en charge en HTML5.
`char`	`character`	Aligne le contenu lié à un élément `<col>` sur un caractère. Utilisé uniquement si l'attribut est `align="char"`. Non pris en charge en HTML5.
`charoff`	`number`	Décale le contenu de la cellule par rapport au caractère spécifié comme valeur de l'attribut vers la droite (valeurs positives) ou vers la gauche (valeurs négatives). Utilisé uniquement si l'attribut est `align="char"`. Non pris en charge en HTML5.
`span`	`number`	Définit le nombre de colonnes dont les propriétés sont déterminées par l'élément `<col>`. Le nombre doit être un entier positif. Si le paramètre n'est pas spécifié, la valeur par défaut est `1`.
`valign`	`top`, `middle`, `bottom`, `baseline`	Aligne le contenu verticalement. Non pris en charge en HTML5.
`width`	`%`, `pixels`, `relative_length`	Définit la largeur de la colonne. Non pris en charge en HTML5.

La balise <col> prend également en charge les Attributs globaux et les Attributs d'événement.

Pratique

Que fait la balise HTML <col> dans un document HTML ?

Elle spécifie les propriétés de colonne pour chaque colonne à l'intérieur d'un élément <colgroup>Elle définit une section d'en-tête dans un document HTMLElle indique le début d'un nouveau paragrapheElle applique un style aux colonnes individuelles

Balise HTML <col> ​

Syntaxe ​

Exemple de la balise HTML <col> : ​

Résultat ​