HTML <table>Balise


Exemples

Un tableau HTML simple avec deux colonnes et deux lignes :

<table border="1"> <tr> <th>Mois</th> <th>Épargne</th> </tr> <tr> <td>Janvier</td> <td>$100</td> </tr> <tr> <td>Février</td> <td>$80</td> </tr> </table>

Essayez-le vous-même »
(Voir plus d'exemples au bas de la page)

Prise en charge des navigateurs

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tous les principaux navigateurs prennent en charge la balise <table>.


Définition de la balise et instructions d'utilisation

La balise <table> définit un tableau HTML.

Un tableau HTML comprend un élément <table>, un ou plusieurs<tr>,、<th>et<td>éléments.

L'élément <tr> définit une ligne de tableau, l'élément <th> définit un en-tête de tableau, et l'élément <td> définit une cellule de tableau.

Les tableaux HTML plus complexes peuvent également inclure des éléments <caption>, <col>, <colgroup>, <thead>, <tfoot> et <tbody>.


Différences entre HTML 4.01 et HTML5

En HTML5, seul l'attribut 'border' est pris en charge, et seule la valeur '1' ou '' est autorisée.


Attributes

Attribut Valeur Description
align left
center
right
Non pris en charge dans HTML5. Obsolète dans HTML 4.01.Spécifie l'alignement d'un tableau par rapport aux éléments environnants.
bgcolor rgb(x,x,x)
#xxxxxx
colorname
Non pris en charge dans HTML5. Obsolète dans HTML 4.01.Spécifie la couleur d'arrière-plan du tableau.
border 1
""
Non pris en charge dans HTML5.Spécifie si les cellules du tableau ont des bordures.
cellpadding pixels Non pris en charge dans HTML5.Spécifie l'espace blanc entre le bord de la cellule et son contenu.
cellspacing pixels Non pris en charge dans HTML5.Spécifie l'espace blanc entre les cellules.
frame void
above
below
hsides
lhs
rhs
vsides
box
border
Non pris en charge dans HTML5.Spécifie quelle partie de la bordure extérieure est visible.
rules none
groups
lignes
cols
all
Non pris en charge dans HTML5.Spécifie quelle partie de la bordure intérieure est visible.
summary text Non pris en charge dans HTML5.Spécifie un résumé du tableau.
width pixels
%
Non pris en charge dans HTML5.Spécifie la largeur du tableau.


Attributs globaux

La balise <table> prend en chargeles attributs globaux HTML.。


Attributs d'événement

La balise <table> prend en chargeles attributs d'événements HTML.。


Examples

Essayez-le vous-même - Exemples


Cet exemple montre comment afficher les en-têtes d'un tableau.


Cet exemple montre comment utiliser '&nbsp;' pour gérer les cellules sans contenu.


Cet exemple montre un tableau avec une légende.


Cet exemple montre comment afficher des éléments à l'intérieur d'autres éléments.

Cellules de tableau qui s'étendent sur des lignes ou des colonnes
Cet exemple montre comment définir des cellules de tableau qui s'étendent sur des lignes ou des colonnes.


Articles connexes

Tutoriel HTML :Tableaux HTML

Référence DOM HTML :Objet Table

Générateur de tableaux HTML : Générateur de tableaux HTML en ligne

Autres extensions