Balise HTML <th>Tag
Exemples
Un tableau HTML simple avec deux cellules d'en-tête et deux cellules de données :
Essayez-le vous-même »
(Voir plus d'exemples au bas de la page)
Prise en charge des navigateurs
Tous les principaux navigateurs prennent en charge la balise <th>.
Définition de la balise et instructions d'utilisation
La balise <th> définit une cellule d'en-tête dans un tableau HTML.
Un tableau HTML possède deux types de cellules :
- Cellules d'en-tête - contiennent des informations d'en-tête (créées par l'élément <th>)
- Cellules standard - contiennent des données (créées par l'élément<td>)
Le texte dans les éléments <th> est généralement en gras et centré.
Le texte dans les éléments <td> est généralement du texte normal aligné à gauche.
Conseils et notes
Astuce :Si vous devez étendre le contenu sur plusieurs lignes ou colonnes, utilisez les attributs colspan et rowspan !
Différences entre HTML 4.01 et HTML5
Certains attributs en HTML 4.01 ne sont plus pris en charge dans HTML5.
Attributes
| Attribut | Valeur | Description |
|---|---|---|
| abbr | text | Non pris en charge dans HTML5.Spécifie une version abrégée du contenu d'une cellule d'en-tête. |
| align | left right center justify char |
Non pris en charge dans HTML5.Spécifie l'alignement horizontal du contenu dans une cellule d'en-tête. |
| axis | category_name | Non pris en charge dans HTML5.Catégorise les cellules d'en-tête. |
| 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 d'une cellule d'en-tête. |
| char | caractère | Non pris en charge dans HTML5.Spécifie quel caractère utiliser pour aligner le contenu. |
| charoff | nombre | Non pris en charge dans HTML5.Spécifie le décalage du caractère d'alignement. |
| colspan | nombre | Spécifie le nombre de colonnes qu'une cellule d'en-tête peut couvrir. |
| headers | header_id | Spécifie une ou plusieurs cellules d'en-tête associées à la cellule d'en-tête. |
| height | pixels % |
Non pris en charge dans HTML5. Obsolète dans HTML 4.01.Spécifie la hauteur d'une cellule d'en-tête. |
| nowrap | nowrap | Non pris en charge dans HTML5. Obsolète dans HTML 4.01.Spécifie si le contenu d'une cellule d'en-tête doit passer à la ligne. |
| rowspan | nombre | Spécifie le nombre de lignes qu'une cellule d'en-tête peut couvrir verticalement. |
| scope | col colgroup row rowgroup |
Spécifie si une cellule d'en-tête est un en-tête pour une ligne, une colonne, un groupe de lignes ou un groupe de colonnes. |
| valign | top middle bottom baseline |
Non pris en charge dans HTML5.Spécifie l'alignement vertical du contenu dans une cellule d'en-tête. |
| width | pixels % |
Non pris en charge dans HTML5. Obsolète dans HTML 4.01.Spécifie la largeur d'une cellule d'en-tête. |
Attributs globaux
La balise <th> prend en charge lesattributs globaux HTML。
Attributs d'événement
La balise <th> prend en charge tous lesattributs d'événements HTML。
Essayez-le vous-même - Exemples
Cet exemple montre comment afficher les en-têtes de tableau.
Cet exemple montre comment utiliser " " 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 s'étendant 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 Th
Autres extensions