English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML Reference Manual

HTML Tag大全

HTML: <tbody> balise

The HTML Table Body element ( <tbody> ) encapsulates a set of table rows ( <tr> elements), indicating that they contain the main part of the table ( <table> ).

Online example

Table with <thead>, <caption>, <tfoot> and <tbody> elements:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>Base Tutorial(oldtoolbag.com)</title> 
<style type="text/css">
thead {color:#009900;}
tbody {color:#0000cc;}
tfoot {color:#ff0000;}
</style>
</head>
<body>
<table border="1">
<caption>Budget du conseil 2020</caption>
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </<thead>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
</table>
<p><b>Remarque :</b> thead, tbody, et tfoot éléments ne modifient pas par défaut la mise en page du tableau. Cependant, vous pouvez utiliser CSS pour définir des styles pour ces éléments, ce qui peut changer l'apparence du tableau.</p>
</body>
</html>
Testez pour voir ‹/›

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires prennent en charge la balise <tbody>.

Définition et instructions d'utilisation des balises

La balise <tbody> est utilisée pour regrouper le contenu principal du tableau HTML.

L'élément <tbody> devrait être utilisé avec <thead> et <tfoot> Les éléments combinés sont utilisés pour définir les différentes parties du tableau (corps, en-tête, pied de page).

En utilisant ces éléments, le navigateur est capable de soutenir le défilement indépendant du corps du tableau par rapport à l'en-tête et au pied de page du tableau. Lorsque des tableaux longs avec plusieurs pages sont imprimés, les en-têtes et les pieds de page peuvent être imprimés sur chaque page contenant des données de tableau.

Le balise <tbody> doit être utilisée dans les situations suivantes : en tant que sous-élément de l'élément <table>, apparaissant après les éléments <caption>, <colgroup> et <thead>.

Avis et remarques

Remarque :L'élément <tbody> doit contenir au moins un ou plusieurs balises <tr> à l'intérieur.

Remarque :Le marqueur <tbody> doit apparaître après les marqueurs <caption>, <colgroup> et <thead> dans le tableau, mais avant le marqueur <tfoot>.

Astuce :Les éléments <thead>, <tbody> et <tfoot> ne modifient pas par défaut la mise en page du tableau. Cependant, vous pouvez utiliser CSS pour définir des styles pour ces éléments, ce qui peut changer l'apparence du tableau.

HTML 4.01 et HTML5différences entre

Dans HTML 5 Ne prend plus en charge HTML 4.01 Tous les attributs de la balise <tbody>.

Attribut

AttributValeurDescription
alignright
 left
 center
 justify
 char
HTML5 Non pris en charge. Définit la manière dont le contenu des éléments <tbody> est aligné.
charcharacterHTML5 Non pris en charge. Définit sur quel caractère le contenu des éléments <tbody> est aligné.
charoffnumberHTML5 Non pris en charge. Définit l'offset du premier caractère d'alignement du contenu des éléments <tbody>.
valigntop
 middle
 bottom
 baseline
HTML5 Non pris en charge. Définit la manière dont le contenu vertical des éléments <tbody> est aligné.

Attributs globaux

La balise <tbody> est prise en charge Attributs globaux HTML.

Attributs d'événement

La balise <tbody> est prise en charge Attributs d'événement HTML.