Exemple
Une table de HTML simple, contenant deux colonnes et deux lignes:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Essayez - le vous - même » Plus "Try it yourself" exemples ci-dessous.
Définition et utilisation
Le <table> balise définit un tableau HTML.
Un tableau HTML se compose de la <table> élément et un ou plusieurs <tr> , <th> et <td> éléments.
Le <tr> élément définit une ligne de table, le <th> élément définit un en- tête de table, et <td> élément définit une cellule de tableau.
Une table de HTML plus complexe peut également inclure <caption>, <col>, <colgroup>, <thead>, <tfoot> , et <tbody> éléments.
support du navigateur
| Élément | |||||
|---|---|---|---|---|---|
| <table> | Oui | Oui | Oui | Oui | Oui |
Différences entre HTML 4.01 et HTML5
Le "align", "bgcolor", "cellpadding", "cellspacing", "frame", "rules", "summary" , et "width" attributs ne sont pas pris en charge dans HTML5.
Les attributs
| Attribut | Valeur | La description |
|---|---|---|
| align | left center right | Non pris en charge en HTML5. Indique l'alignement d'un tableau selon le texte entourant |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | Non pris en charge en HTML5. Indique la couleur d'arrière-plan pour une table |
| border | 1 0 | Indique si la table est utilisée à des fins de mise en page |
| cellpadding | pixels | Non pris en charge en HTML5. Spécifie l'espace entre la paroi cellulaire et le contenu de la cellule |
| cellspacing | pixels | Non pris en charge en HTML5. Indique l'espace entre les cellules |
| frame | void above below hsides lhs rhs vsides box border | Non pris en charge en HTML5. Indique quelles parties des frontières extérieures qui doit être visible |
| rules | none groups rows cols all | Non pris en charge en HTML5. Indique quelles parties des frontières à l'intérieur qui doit être visible |
| sortable | sortable | Indique que la table doit être sortable |
| summary | text | Non pris en charge en HTML5. Indique un résumé du contenu d'une table |
| width | pixels % | Non pris en charge en HTML5. Indique la largeur d'une table |
Attributs globaux
Le <table> tag soutient également le attributs globaux en HTML .
Attributs de l'événement
Le <table> tag soutient également l' événement Attributs en HTML .
Essayez-le vous-même - Exemples
Têtes de table
Comment créer des en-têtes de table.
Table avec une légende
Un tableau HTML avec une légende.
Mots - clefs à l' intérieur d' une table
Comment afficher des éléments à l'intérieur d'autres éléments.
Les cellules qui couvrent plus d'une ligne / colonne
Comment définir des cellules de tableau qui couvrent plus d'une ligne ou une colonne.
Pages associées
HTML tutoriel: tableaux HTML
Référence HTML DOM: Table Object
Tutoriel CSS: Styling Tables
Paramètres par défaut de CSS
La plupart des navigateurs affichent le <table> élément avec les valeurs par défaut suivantes:
Exemple
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
} Essayez - le vous - même »