Balise TH
Rôle
La balise <th> spécifie une cellule d’entête dans un tableau. Le texte d’une cellule d’entête apparaît en gras et est aligné, par défaut, horizontalement au milieu et verticalement au milieu. Voir td pour les cellules standard.
Testez vous-même cette balise
Utilisez Codepen.
Voici le resultat
Compatibilité
La balise <th> est pris en charge par tous les principaux navigateurs
Attributs spécifiques
Attributs spécifiques à cet élément
- abbr
- Spécifie le résumé du contenu de la cellule (n’est plus supporté en HTML5)
Syntaxe :
<th abbr="résumé de la cellule" > ...</th> - align
- Spécifie l’alignement horizontal du contenu de la cellule (n’est plus supporté en HTML5)
Syntaxe :
<th align="justify" > ...</th> - Valeurs possible :
- align=’left’ : alignement à gauche
- align=’right’ : alignement à droite
- align=’center’ : alignement au milieu
- align=’justify’ : alignement justifié
- axis
- Permet de catégoriser les cellules et peut être utilisé pour grouper des colonnes d’informations (n’est plus supporté en HTML5)
Syntaxe :
<th axis="contact" > ...</th> - bgcolor
- Spécifie la couleur de fond de la cellule (n’est plus supporté en HTML5)
Syntaxe :
<th bgcolor="orange" > ...</th> - Valeurs possible :
- bgcolor=’rgb(255,0,0)’ : en rgb
- bgcolor=’#FF0000′ : en hexadécimal
- bgcolor=’red’ : couleur en toute lettre
- char
- Spécifie l’alignement du contenu dans une cellule par rapport à un caractère, par exemple les nombres décimaux par rapport au point (n’est plus supporté en HTML5)
Syntaxe :
<th char="." > ...</th> - charoff
- Spécifie le décalage en caractères par rapport à la valeur définit par l’attibut char (n’est plus supporté en HTML5)
Syntaxe :
<th char="." charoff="2" > ...</th> - colspan
- Spécifie le nombre de colonnes qui doivent fusionner
Syntaxe :
<th colspan="2" > ...</th> - headers
- Spécifie une ou plusieurs cellules d’en-tête (séparées par des espaces) auxquelles est liée la cellule
Syntaxe :
<th headers="Prénom" > ...</th> - height
- Spécifie la hauteur de la cellule en pixel ou en pourcentage (n’est plus supporté en HTML5)
Syntaxe :
<th height="300" > ...</th> - rowspan
- Spécifie le nombre de lignes qui doivent fusionner
Syntaxe :
<th rowspan="2" > ...</th> - scope
- Spécifie si c’est une cellule d’entête d’une colonne, d’une ligne, d’un groupe de colonnes ou de lignes (n’est plus supporté en HTML5).
Syntaxe :
<th scope="col" > ...</th> - Valeurs possible :
- scope= »col » : entête d’une colonne
- scope= »row » : entête d’une ligne
- scope= »colgroup » : entête d’un groupe de colonnes
- scope= »rowgroup » : entête d’un groupe de lignes
- valign
- Spécifie l’alignement vertical du contenu dans la cellule (n’est plus supporté en HTML5)
Syntaxe :
<th valign="middle" > ...</th> - Valeurs possible :
- valign=’top’ : alignement vers le haut
- valign=’bottom’ : alignement vers le bas
- valign=’middle’ : alignement au milieu
- valign=’baseline’ : alignement sur la ligne de base
- width
- Spécifie la largeur de la cellule en pixel ou en pourcentage (n’est plus supporté en HTML5)
Syntaxe :
<th width="300" > ...</th>
La balise <th> prend aussi en charge les attributs globaux
Attibuts de type événement
La balise <th> prend aussi en charge les événements souris
