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.

227 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
1 507 vues
Utiliser les opérations mathématiques (+, -, *, /) dans les styles
Utiliser les opérations mathématiques en SASS : +, -, , /1. Addition (+), Soustraction (-), Multiplication (*), Division (/) :En SASS, vous pouvez effectuer des opérations mathématiques...
Sass
4 465 vues
L'expression if ... else - PHP
Lorsque vous écrivez votre code, il vous arrive souvent de vouloir effectuer des actions différentes en fonction de différentes conditions. C'est à ce moment que l'instruction if et else va vous...
1 228 vues
Voir plus de messages (2/2)
Dans la suite de cette vidéo nous allons continuer notre système pour voir plus de messages. Nous allons finaliser la disparition du bouton ‘voir plus’ lorsqu’il n’y aura plus de messages...
Créer son site de rencontres
2 100 vues
Utilisation de PhpMyAdmin pour créer une nouvelle base de données
1. Accéder à PhpMyAdmin :Ouvrez un navigateur web et accédez à l'URL où vous avez installé PhpMyAdmin sur votre serveur.2. Authentification :Vous serez redirigé vers la page de connexion de...
SQL
152 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
13 197 vues
Notre base de données
Avant d'entamer le développement de notre futur site il nous faut une base de données afin de pouvoir ajouter, modifier ou de supprimer des informations.Étapes...
Créer son site
2 366 vues
Personnaliser sa bare de menu avec du CSS
Après avoir modifié notre barre de menu nous allons maintenant personnaliser notre barre de menu avec du CSS afin de la rendre plus agréable à regarder.Nous allons pour ça ajouter un nouveau...
Créer son site de rencontres
150 vues
CSS interne : l'utilisation de balises <style> dans la section <head> du document HTML
CSS Interne : L'utilisation de balises <style> dans la section <head> du document HTMLLe CSS interne est une méthode de stylisation où les styles sont définis directement dans la...
CSS
Publicité
Cette pub permet au site de vivre ...