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.

Cette pub permet au site de vivre ...
Voir d'autres articles
JS
Tableaux : création, accès aux éléments, méthodes
SQL
Utilisation de l'instruction SQL INSERT INTO pour ajouter des données à une table
Créer son site
Barre de recherche : Ajax
Cette pub permet au site de vivre ...