Sur la base de certaines de mes pratiques récentes et après avoir communiqué avec certains lecteurs sur l'utilisation des tableaux HTML, j'ai décidé d'écrire cet article. En général, j’ai remarqué qu’ils ont une aversion préconçue à l’égard de l’utilisation de tableaux en raison d’informations trompeuses. En fait, beaucoup de gens diront « Je vois qu’il ne faut jamais utiliser de tableaux », mais c’est absolument faux ! Cette suggestion s'applique uniquement à l'utilisation de tableaux HTML pour définir la mise en page d'une page Web, mais les tableaux sont parfaits pour organiser facilement les lignes et les colonnes d'informations sur les données, et si vous devez afficher des données tabulaires sur une page, vous devez les utiliser ! pourquoi pas? Cependant, dans ce cas, certaines personnes ignorent l'existence de certaines balises HTML pour les tableaux et ne savent pas comment les utiliser correctement.
HTML comporte 10 balises liées aux tableaux. Ci-dessous une liste avec une introduction, mais au préalable, le document doit être correctement défini sous HTML 4.01/XHTML 1 ou HTML 5 :
<caption> définit le titre du tableau (4, 5)
<col> définit les attributs des colonnes du tableau (4, 5)
<colgroup> définit le regroupement des colonnes du tableau (4, 5)
<table> définit la table (4, 5)
<tbody> définit le corps de la table (4, 5)
<td> définit une cellule (4, 5)
<tfoot> définit la note de bas de page (en bas) du tableau (4, 5)
<th> définit l'en-tête du tableau (4, 5)
<thead> définit l'en-tête du tableau (4, 5)
<tr> définit les lignes du tableau (4, 5)
Une structure de table de base est la suivante :
Il contient un titre, un en-tête, un corps et un pied de page. L'ordre correct des éléments HTML est :
<tableau>
<légende>
<tête>
<pied>
<corps>
Vous pouvez également utiliser <col> et <colgroup> pour définir des colonnes de table ou des colonnes de groupe :
<tableau>
<légende>
<groupecol>
<col>
<tête>
<pied>
<corps>