English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuel de référence HTML

Catalogue complet des étiquettes HTML

Balise HTML: <col>

HTML: l'élément <col> définit une colonne dans le tableau et est utilisé pour définir le sens commun de toutes les cellules communes. Il se trouve généralement à l'intérieur de l'élément <colgroup>.

Exemple en ligne

Les étiquettes <colgroup> et <col> définissent la couleur de fond pour trois colonnes dans le tableau :

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>基础教程网(oldtoolbag.com)</title> 
</head>
<body>
<table>
  <colgroup>
    <col span="3" style="background-color:#FFF3E0;">
    <col style="background-color:orange;">
  </colgroup>
  <thead>
    <tr>
      <th>Item</<th>
      <th>Quantity</<th>
      <th>Price</<th>
      <th>Total</<th>
    </tr>
  </<thead>
  <tbody>
    <tr>
      <td>Oranges</td>
      <td>45</td>
      <td>$2</td>
      <td>$90</td>
    </tr>
  </tbody>
</table>
</body>
</html>
Voyons un test ‹/›


Dans ce HTML5Dans l'exemple de document, nous avons créé un tableau avec des parties <colgroup>, <thead> et <tbody>. Dans la partie <colgroup>, nous avons utilisé deux étiquettes <col>. La première étiquette <col> regroupe les trois premières colonnes et la couleur de fond de ces colonnes est définie en orange pâle, c'est-à-dire #FFF3La valeur hexadécimale de E0. La deuxième étiquette <col> regroupe la quatrième colonne et la couleur de fond est définie en orange.

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

tous les navigateurs populaires prennent en charge l'étiquette <col>.

étiquette de définition et instructions d'utilisation

L'étiquette <col> est utilisée pour<colgroup>partie pour définir les attributs de la colonne.

En utilisant l'étiquette <col>, vous pouvez appliquer un style à toute la colonne sans avoir à répéter le style pour chaque cellule ou chaque ligne.

HTML 4.01 et HTML5différences

HTML5 ne prend plus en charge HTML 4.01 la plupart des attributs.

Les différences entre HTML et XHTML

Dans HTML, la balise <col> n'a pas de balise de fermeture.

Dans XHTML, la balise <col> doit être fermée correctement.

Attribut

AttributValeurDescription
alignleft
 right
 center
 justify
 char
HTML5 Non pris en charge. Définit la manière dont le contenu lié à l'élément <col> est aligné horizontalement.
charcharacterHTML5 Non pris en charge. Définit le caractère selon lequel le contenu lié à l'élément <col> est aligné.
charoffnumberHTML5 Non pris en charge. Définit l'offset du premier caractère d'alignement.
spannumberDéfinit le nombre de colonnes que l'élément <col> doit couvrir.
valigntop
 middle
 bottom
 baseline
HTML5 Non pris en charge. Définit la manière dont le contenu lié à l'élément <col> est aligné verticalement.
largeur%
 pixels
 relative_length
HTML5 Non pris en charge. Définit la largeur d'un élément <col>

Propriétés globales

Prise en charge de la balise <col> Propriétés globales HTML.

Propriétés événementielles

Prise en charge de la balise <col> Propriétés événementielles HTML.