Nous avons maintenant vu comment créer des petits tableaux assez basiques, mais la gestion des tableaux en HTML peut aller bien plus loin que cela !
Nous allons maintenant voir comment créer un tableau structuré, c'est-à-dire un tableau divisé en trois parties.
Chaque partie contiendra ses lignes, et dans ses lignes se trouveront les cellules comme on vient de le voir. Les trois balises que je vais vous présenter maintenant ajoutent simplement quelque chose au tableau, elles ne remplacent rien.
Voici les trois balises qui vous permettent de structurer votre tableau :
<thead> : pour l'entête du tableau
<tfoot> : pour le pied du tableau
<tbody> : pour le corps du tableau
Notez que j'ai mis le pied de tableau avant le corps de tableau, c'est contre-intuitif mais c'est généralement comme ça que l'on veut organiser son code HTML. Rassurez-vous, l'ordinateur va remettre ça à l'endroit lors de l'affichage.
Généralement on mettra une ligne dans l'entête, une ligne dans le pied et plusieurs lignes dans le corps. Mais vous pouvez également mettre plusieurs lignes dans l'entête et une seule dans le corps si vous voulez !
Sachez également que ce n'est pas parce qu'un de vos lignes est dans l'entête que vous êtes obligé d'utiliser des balises <th>, et que ce n'est pas parce qu'une balise est dans le corps que vous êttes obligé d'utiliser des balises <td> pour vos cellules.
Enfin, il est toujours bon de rappeler que ces trois balises que nous avons vu sont... facultatives. Vous n'êtes absolument pas obligé de les utiliser.