HTML

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.

295 vues
Modifié le 19 février 2024
Publicité Sitedudev
Cette pub permet au site de vivre ...
Publicité
Cette pub permet au site de vivre ...
Voir d'autres articles
395 vues
Comment ces propriétés affectent le positionnement et la mise en page des éléments
Impact des Propriétés de Marge, Bordure, Rembourrage, Largeur et Hauteur sur le Positionnement et la Mise en Page des ÉlémentsEn CSS, les propriétés de marge, bordure, rembourrage, largeur et...
CSS
363 vues
Sélecteurs d'attribut : styliser en fonction des attributs des éléments HTML
Sélecteurs d'Attribut : Styliser en fonction des attributs des éléments HTMLLes sélecteurs d'attribut en CSS permettent de cibler des éléments HTML en fonction de la présence ou de la valeur...
CSS
3 899 vues
Afficher un topic
Afficher un topic de notre forumDans notre dossier f_forum, nous allons créer une nouvelle page topic.php. Cette page affichera le topique créé par un de vos utilisateur.Nous allons...
Créer son site
4 810 vues
Structure de base d'une page HTML
Cours sur la Structure de Base d'une Page HTMLLa structure de base d'une page HTML est essentielle pour créer des sites Web. Comprendre cette structure vous permettra de démarrer efficacement dans...
HTML
2 336 vues
Messagerie interne
Maintenant que vous avez créé votre nouvelle base de données pour notre messagerie interne nous allons ajouter à la main quelques lignes pour afficher la liste des messageries entre vous et les...
Créer son site de rencontres
2 283 vues
Modifier ses informations en PHP
Dans cette nouvelle vidéo nous allons apprendre à modifier vos informations !Lors de l’inscription il se peut que vous ayez fait une erreur. C'est pour cela que cette page sera importante pour...
Créer son site de rencontres
4 318 vues
Ajout d'images avec <img> et attributs src, alt et width
Ajout d'images avec <img> et attributs src, alt et widthLa balise <img> est utilisée pour afficher des images dans une page HTML. Elle nécessite l'utilisation de certains attributs pour...
HTML
667 vues
Propriétés CSS : comprendre les différentes propriétés et leurs valeurs
Propriétés CSS : Comprendre les différentes propriétés et leurs valeursLes propriétés CSS sont des instructions qui contrôlent l'apparence et le comportement des éléments HTML sur une page...
CSS
Publicité
Cette pub permet au site de vivre ...