Accueil    HTML    Balise TH
 



balise th  Balise TH : Table header

«  Partie précédente  |  Index  |  Partie suivante  »


  • Tag de fermeture obligatoire | Support :
  • Google Chrome
  • Firefox
  • Internet Explorer
  • Opera
  • Safari



La balise <th> est équivalente à la balise <td> en terme de propriétés, cependant elle n'est à utiliser que pour définir les titres d'un tableau html. Elle est ainsi régulièrement employée dans la première ligne de l'élément table dans le but de mettre en valeur les titres des colonnes.

Le texte contenu dans les balises <th> est affiché en gras et centré. Il est possible d'obtenir ces effets avec l'application de styles CSS comme "font-weight : bold" et "text-align : center".



Propriétés pour la balise th :




Propriétés Définition Valeurs
abbr Valeur abrégée du texte écrit dans la balise (cette information n'a aucun rendu visuel) Texte
align Alignement horizontal du contenu de la cellule center
char
justify
left
right
axis Permet de catégoriser les titres des colonnes.
Propriété non supportée par la plupart des navigateurs
Texte
bgcolor Couleur d'arrière plan de la cellule.
Déprécié, il faut employer le style CSS "background-color"
#hexa
Couleur
rgb(v,v,v)
char Spécifie un caractère sur lequel s'effectuera l'alignement du contenu de la cellule.
Propriété non supportée par la plupart des navigateurs
caractère
charoff Indique le nombre de caractères à partir duquel se fera l'alignement par rapport au caractère spécifié dans l'attribut "char"
Propriété non supportée par la plupart des navigateurs
valeur
colspan Spécifie le nombre de colonnes sur lequel s'étendra la cellule Valeur
height Hauteur de la cellule.
Déprécié, il faut employer le style CSS équivalent
px
%
nowrap Indique si le contenu de la cellule doit s'afficher sans faire sans retour à la ligne implicite.
Déprécié, il faut employer le style CSS "white-space : nowrap"
nowrap
rowspan Spécifie le nombre de lignes sur lequel s'étendra la cellule Valeur
scope Permet d'associer les titres aux données du tableau (cette information n'a aucun rendu visuel). col
colgroup
row
rowgroup
valign Alignement vertical du contenu de la cellule baseline
bottom
middle
top
width Largeur de la cellule.
Déprécié, il faut employer le style CSS équivalent
px
%


Exemple d'utilisation de la balise th :





Déclaration de titres et utilisation de rowspan et colspan :

<table cellpadding="3px" cellspacing="0px" rules="all" style="border:solid 1px black; border-collapse:collapse; background-color:lightgrey; text-align:center;">
   <tr>
      <th style="width:140px;">Titre</th>
      <th style="width:140px;">Titre</th>
   </tr>
   <tr>
      <td>Valeur</td>
      <td>Valeur</td>
   </tr>
   <tr>
      <td colspan="2" style="background-color:lightsteelblue;">Cellule avec colspan</td>
   </tr>
   <tr>
      <td rowspan="2" style="background-color:lightsteelblue;">Cellule avec rowspan</td>
      <td>Valeur</td>
   </tr>
   <tr>
      <td>Valeur</td>
   </tr>
   <tr>
      <td>Valeur</td>
      <td>Valeur</td>
   </tr>
</table>



Déclaration de titres et utilisation de rowspan et colspan :

Titre Titre
Valeur Valeur
Cellule avec colspan
Cellule avec rowspan Valeur
Valeur
Valeur Valeur