Balise tbody

La balise tbody définit le corps du tableau. Elle est utilisée pour regrouper les lignes de manière à pouvoir appliquer des styles CSS à un ensemble spécifique. Un tableau peut contenir n'importe quel nombre de balises tbody.

La balise tbody est souvent utilisée conjointement avec thead et tfoot pour définir l'en-tête, le corps et le pied d'un tableau HTML. Par défaut, le navigateur placera le contenu de tfoot en bas du tableau, et thead - en haut.

Exemple

Appliquons une couleur de texte rouge à un groupe de lignes regroupées par la balise tbody, en utilisant la propriété color :

html<table>
  <thead>
    <tr>
      <th>Nom</th>
      <th>Prénom</th>
      <th>Salaire</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>nom1</td>
      <td>prénom1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>nom2</td>
      <td>prénom2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>total : 2</td>
      <td>-</td>
      <td>somme : 1200$</td>
    </tr>
  </tfoot>
</table>

csstbody {
  color: red;
}

table, td, th {
  border: 1px solid black;
}

Результат:

Voir aussi