HTML : Tableaux

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.

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.

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.