Création de tableaux avec <table>.

Création de tableaux avec <table>

La balise <table> est utilisée pour créer des tableaux dans une page HTML. Elle permet de structurer les données tabulaires en lignes et colonnes. Voici comment l'utiliser :

1. Structure de base d'une table :

• La balise <table> englobe toute la structure du tableau.
• Chaque ligne de la table est définie par la balise <tr> (table row).
• À l'intérieur de chaque ligne, les données sont définies par la balise <td> (table data).
• 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>

2. Ajout d'en-têtes de colonnes avec <th> :

• Pour définir des en-têtes de colonnes, utilisez la balise <th> (table header) à la place de <td>.
• Cela permet de distinguer visuellement les en-têtes des autres données du tableau.
• Exemple :

<table>
  <tr>
    <th>En-tête 1</th>
    <th>En-tête 2</th>
    <th>En-tête 3</th>
  </tr>
  <tr>
    <td>Donnée 1</td>
    <td>Donnée 2</td>
    <td>Donnée 3</td>
  </tr>
</table>

Conseils d'utilisation :

• Utilisez <th> pour les en-têtes de colonnes et <td> pour les données normales.
• Évitez d'utiliser les tableaux pour la mise en page, préférez les CSS pour cela.
• Assurez-vous que vos tableaux ont une structure logique et cohérente pour une meilleure accessibilité.

Conclusion :

En utilisant la balise <table> avec les balises <tr>, <th> et <td> dans votre fichier HTML, vous pouvez créer facilement des tableaux pour afficher des données tabulaires de manière organisée et structurée. Assurez-vous d'utiliser ces balises de manière appropriée pour améliorer la lisibilité et l'accessibilité de votre contenu tabulaire.