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 :
<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>
tbody {
color: red;
}
table, td, th {
border: 1px solid black;
}
: