QCM HTML Les tableaux

L'élément table sert à définir le tableau HTML en soi tandis que l'élément td sert à définir les cellules d'un tableau.

• 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.

L'attribut colspan sert à fusionner plusieurs cellules d'une même ligne entre elles, ou encore à faire qu'une cellule occupe un espace en largeur de plusieurs colonnes.

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.

L'élément th sert spécifiquement à définir une ligne d'en tête dans un tableau. L'élément thead, lui, est utiilsé pour structurer un tableau en le séparant en différentes parties.

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).

Lorsqu'on structure un tableau en HTML avec les éléments thead, tbody et tfoot il est considéré comme une bonne pratique d'écrire ces éléments dans l'ordre suivant : thead, tfoot puis tbody. Pas d'inquiétude, dans le rendu final, la navigateur saura qu'il faut afficher le contenu du tfoot après celui du tbody.

Pour ajouter une légende à un tableau, on utilisera un élément caption qu'on placera juste après la balise ouvrante de l'élément table.

Ne confondez pas tous les titres ! title sert au titre d'une page web, h1 est un titre à l'intérieur de la page, et caption est le titre d'un tableau !