<tr>

Description

L’élément <tr> représente une ligne dans un tableau HTML. Il est enfant direct de <thead>, <tbody> ou <tfoot>, et contient des cellules <th> ou <td>. Toutes les cellules d’une même ligne doivent avoir la même hauteur.

Syntaxe

<tr>
  <td>Cellule 1</td>
  <td>Cellule 2</td>
</tr>

Exemples

Ligne d’en-tête :

<thead>
  <tr>
    <th scope="col">Nom</th>
    <th scope="col">Version</th>
    <th scope="col">Licence</th>
  </tr>
</thead>

Ligne de données :

<tbody>
  <tr>
    <td>Astro</td>
    <td>5.0</td>
    <td>MIT</td>
  </tr>
</tbody>

Notes

<tr> ne peut contenir que des cellules : les enfants directs de <tr> doivent être des <td> ou <th>. Tout autre contenu placé directement dans <tr> est invalide.

Ciblage CSS : tr:nth-child(even) ou tr:nth-child(odd) permet de créer un tableau zébré alternant les couleurs de fond sur les lignes paires et impaires.