Outils pour utilisateurs

Outils du site


html:tableaux

HTML : Tableaux

Balises table, thead, tfoot, tbody, tr, th, td

Les balises utiles :

  • table : conteneur global d'un tableau.
  • thead : conteneur correspondant à l'entête du tableau : pour y écrire généralement la ligne des titres de colonnes.
  • tbody : conteneur correspondant au corps du tableau.
  • tfoot : conteneur correspondant au pied de page du tableau : pour y écrire le rappel de la ligne des titres de colonnes ou pour y faire une ou plusieurs lignes 'résumant' les colonnes d'un tableau.
  • tr (table row) : pour définir une ligne d'un tableau.
  • th (table header cell) : pour définir une cellule qui est un en-tête pour un groupe de cellules du tableau.
  • td (table data cell) : pour définir une cellule du tableau.

Exemples

Exemple d'un tableau 4x2, avec entête, mais sans pied de tableau.

http://jsfiddle.net/noordo/984hs9d7

A noter dans l'exemple ci-dessus, l'utilisation de la propriété css “border-collapse” pour obtenir des cellules sans espace entre elles.

Exemple d'un tableau 3x3, sans entête, ni pied de tableau.

ATTENTION : quand thead et tfoot ne sont pas utilisés, on peut omettre de mettre la balise tbody, mais on pourra constater avec l'inspecteur d'élément qu'elle est ajoutée automatiquement ! Il va être utile de le savoir car alors le parent d'une balise tr sera une balise tbody ajoutée implicitement.

html/tableaux.txt · Dernière modification: 2017/03/04 21:36 par noordo