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 <tr> balise définit une ligne dans un tableau HTML.
A <tr> élément contient un ou plusieurs <th> ou <td> éléments.
support du navigateur
| Élément | |||||
|---|---|---|---|---|---|
| <tr> | Oui | Oui | Oui | Oui | Oui |
Différences entre HTML 4.01 et HTML5
Tous les layout attributs sont supprimés en HTML5.
Les attributs
| Attribut | Valeur | La description |
|---|---|---|
| align | right left center justify char | Non pris en charge en HTML5. Aligne le contenu dans une ligne de table |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | Non pris en charge en HTML5. Indique une couleur de fond pour une ligne de table |
| char | character | Non pris en charge en HTML5. Aligne le contenu dans une ligne de table à un personnage |
| charoff | number | Non pris en charge en HTML5. Définit le nombre de caractères du contenu sera aligné à partir du caractère spécifié par l' char attribut |
| valign | top middle bottom baseline | Non pris en charge en HTML5. Vertical aligne le contenu dans une ligne de table |
Attributs globaux
Le <tr> tag soutient également le attributs globaux en HTML .
Attributs de l'événement
Le <tr> 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.
C aunes 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: objet TableRow
Tutoriel CSS: Tableaux coiffants
Paramètres par défaut de CSS
La plupart des navigateurs affichent le <tr> élément avec les valeurs par défaut suivantes:
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}