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.