Utilisation de <tr> pour les lignes, <th> pour les en-têtes et <td> pour les cellules

Utilisation de <tr> pour les lignes, <th> pour les en-têtes et <td> pour les cellules

Dans un tableau HTML, la balise <tr> est utilisée pour définir chaque ligne du tableau, <th> est utilisée pour définir les en-têtes de colonne et <td> est utilisée pour définir les cellules de données. Voici comment les utiliser :

1. Utilisation de <tr> pour les lignes :

• La balise <tr> (table row) est utilisée pour définir chaque ligne du tableau.
• Chaque balise <tr> englobe les cellules de données <td> ou les en-têtes de colonne <th>.
• Exemple :

<table>
  <tr>
    <td>Cellule 1</td>
    <td>Cellule 2</td>
    <td>Cellule 3</td>
  </tr>
  <tr>
    <td>Cellule 4</td>
    <td>Cellule 5</td>
    <td>Cellule 6</td>
  </tr>
</table>

2. Utilisation de <th> pour les en-têtes de colonne :

• La balise <th> (table header) est utilisée pour définir les en-têtes de colonne du tableau.
• Ces en-têtes sont généralement affichés en gras et centrés par défaut.
• Exemple :

<table>
  <tr>
    <th>En-tête 1</th>
    <th>En-tête 2</th>
    <th>En-tête 3</th>
  </tr>
  <tr>
    <td>Cellule 1</td>
    <td>Cellule 2</td>
    <td>Cellule 3</td>
  </tr>
</table>

3. Utilisation de <td> pour les cellules de données :

• La balise <td> (table data) est utilisée pour définir les cellules de données du tableau.
• Ces cellules contiennent les données réelles du tableau.
• Exemple :

<table>
  <tr>
    <td>Donnée 1</td>
    <td>Donnée 2</td>
    <td>Donnée 3</td>
  </tr>
  <tr>
    <td>Donnée 4</td>
    <td>Donnée 5</td>
    <td>Donnée 6</td>
  </tr>
</table>

Conseils d'utilisation :

• Utilisez <tr> pour chaque ligne du tableau, <th> pour les en-têtes de colonne et <td> pour les cellules de données.
• Utilisez des attributs comme colspan ou rowspan pour fusionner des cellules si nécessaire.
• N'utilisez pas les tableaux pour la mise en page, préférez les CSS pour cela.

Conclusion :

En utilisant les balises <tr> pour les lignes, <th> pour les en-têtes et <td> pour les cellules dans votre fichier HTML, vous pouvez créer des tableaux bien structurés pour afficher des données tabulaires de manière claire et organisée. Assurez-vous d'utiliser ces balises correctement pour garantir une meilleure accessibilité et une meilleure présentation de vos données tabulaires.