Manuel de référence HTML

Généralité des balises HTML

HTML: <tbody> balise HTML: <summary> balise

HTML: <table> balise

Exemple en ligne

Deux exemples de tableaux HTML :

Exemple

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Utilisation du tag HTML table (Tutoriel de base du site web oldtoolbag.com)/title>
</head>
<body>
<table　border="1">
　　<tr>
　　　　<th>Item</th>
　　　　<th>Amount</th>
　　</tr>
　　<tr>
　　　　<td>Bananas</td>
　　　　<td>$5</td>
　　</tr>
　　<tr>
　　　　<td>Oranges</td>
　　　　<td>$17</td>
　　</tr>
</table>
<br>
<table　border="1">
　　　　<thead>
　　　　　　　　<tr>
　　　　　　　　　　　　<th　colspan="2">The　table　header</th>
　　　　　　　　</tr>
　　　　</thead>
　　　　<tbody>
　　　　　　　　<tr>
　　　　　　　　　　　　<td>The　table　body</td>
　　　　　　　　　　　　<td>with　two　columns</td>
　　　　　　　　</tr>
　　　　</tbody>
</table>
</body>
</html>

Voyons voir ‹/›

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires prennent en charge le tag <table>.

définis et instructions d'utilisation

L'élément <table> définit un tableau HTML

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

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

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

HTML 4.01 et HTML5sont prises en compte.

dans HTML5 dans HTML, seules les valeurs "border" sont prises en charge, et seules les valeurs "1" ou "".

attribut

attribut	valeur	description
align	gauche centré droite	HTML5 Non pris en charge. HTML 4.01 Obsolète. Définir l'alignement relatif du tableau par rapport aux éléments environnants.
bgcolor	rgb(x,x,x) #xxxxxx colorname	HTML5 Non pris en charge. HTML 4.01 Obsolète. Définir la couleur de fond du tableau.
border	1 ""	Définir si les cellules de tableau ont une bordure.
cellpadding	pixels	HTML5 Non pris en charge. Définir l'espace entre la bordure des cellules et leur contenu.
cellspacing	pixels	HTML5 Non pris en charge. Définir l'espace entre les cellules.
cadre	vide 　above 　below 　hsides 　lhs 　rhs 　vsides 　box 　border	HTML5 Non pris en charge. Définir quelle partie de la bordure externe est visible.
rules	aucun 　groups 　rows 　cols 　tout	HTML5 Non pris en charge. Définir quelle partie de la bordure interne est visible.
résumé	text	HTML5 Non pris en charge. Définit le résumé du tableau.
width	pixels 　%	HTML5 Non pris en charge. Définit la largeur du tableau.

Attributs globaux

La balise <table> prend en charge Attributs globaux HTML.

Attributs d'événement

La balise <table> prend en charge Attributs d'événement HTML.

Plus d'exemples en ligne

Tableau sans bordure
Tableau sans bordure

En-tête du tableau (Heading)
Ce exemple montre comment afficher l'en-tête du tableau.

Tableau avec légende
Ce exemple montre un tableau avec une légende (caption).

Cellules de tableau couvrant plusieurs lignes ou colonnes
Ce exemple montre comment définir des cellules de tableau qui couvrent plusieurs lignes ou colonnes.

Balises dans le tableau
Ce exemple montre comment afficher des éléments dans différents éléments.

Marge des cellules (Cell padding)
Ce exemple montre comment utiliser Cell padding pour créer un espace entre le contenu des cellules et leur bord.

Espace entre les cellules (Cell spacing)
Ce exemple montre comment utiliser Cell spacing pour augmenter l'espace entre les cellules.

Articles associés

Tutoriel HTML :Tableau HTML

Manuel de référence HTML DOM :Objet Table

HTML: <tbody> balise HTML: <summary> balise