HTML

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.

101 vues
Posté 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
2 291 vues
Utilisation de l'élément <html>, <head> et <body>
Utilisation de l'élément <html>, <head> et <body>Dans un fichier HTML, l'élément <html> est la racine de tout le document et enveloppe tout le contenu HTML. À...
HTML
58 vues
Retour de valeurs
Retour de Valeurs dans les Fonctions en JavaScriptLorsqu'une fonction est exécutée, elle peut renvoyer une valeur à l'endroit où elle a été appelée. Cette valeur peut être utilisée pour...
JS
7 485 vues
Déconnexion PHP
Maintenant que nos utilisateurs peuvent se connecter à notre site, il faut également qu'ils puissent se déconnecter.Pour cela, il faut créer une nouvelle...
Créer son site
3 622 vues
Utilisation des balises <h1> à <h6> pour les titres
Utilisation des balises <h1> à <h6> pour les titresLes balises <h1> à <h6> sont utilisées pour définir les niveaux de titre dans une page HTML. Elles vont du titre le plus...
HTML
71 vues
Déclarations CSS : comment les combiner pour styliser les éléments
Déclarations CSS : Comment les combiner pour styliser les élémentsLes déclarations CSS sont des instructions individuelles qui spécifient le style des éléments HTML sur une page Web. Elles...
CSS
2 451 vues
Mettre son site en ligne
Maintenant que vous avez développé votre propre site il est temps qu'il prenne son envole afin d'atterrir dans nos navigateurs (ex : google, bing, etc.) 😁👌Donc à partir de maintenant vous...
Créer son site
46 vues
Gestion des événements : click, submit, keydown, etc.
Gestion des Événements en JavaScriptLa gestion des événements en JavaScript permet d'interagir avec les actions de l'utilisateur sur une page web, telles que les clics de souris, les soumissions...
JS
65 vues
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....
HTML
Publicité
Cette pub permet au site de vivre ...