th facebook twitter youtube

La balise <th> (table header)

 

U ne cellule spécialisée qui joue le rôle d’en-tête de colonne (ou de ligne ) elle n'est à utiliser que pour définir les titres d'un tableau , 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.

 Il doit être imbriqué dans une balise <tr>.

 

Style par défaut


th {
display: table-cell;
vertical-align: inherit;
font-weight: bold;
text-align: center;
}

 

 

Les attributs colspan et rowspan permettent de créer des fusions de cellules respectivement sur des colonnes et des lignes.
Il faut donc omettre autant d’autres éléments <th> dans le parent que de colonnes (ou de lignes) fusionnées.

 

 

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
%

 

Utilisation de <th>


<table>
  <tr>
    <th scope="col">Animal</th>
    <th scope="col">Groupe</th>
    <th scope="col">Classe</th>
  </tr>
  <tr>
    <td>Kangourou</td>
    <td>marsupial</td>
    <td>mammifère</td>
  </tr>
  <tr>
    <td>Baleine</td>
    <td>cétacé</td>
    <td>mammifère</td>
  </tr>
</table>

 

Animal Groupe Classe
Kangourou marsupial mammifère
Baleine cétacé mammifère


  • table

    table

    Est destiné à contenir des données tabulaires,

    .......
    Voir Plus
  • thead

    thead

    La balise <thead>représente un en-tête de tableau,

    .......
    Voir Plus
  • tfoot

    tfoot

    Représente un pied de tableau

    .......
    Voir Plus
  • tbody

    tbody

    Corps du tableau html

    .......
    Voir Plus
  • tr

    tr

    Permet de déclarer une nouvelle ligne dans le  tableau.

    .......
    Voir Plus
  • td

    td

    La balise <td> déclare les cellules d'un tableau html.

    .......
    Voir Plus
  • caption

    caption

    Est d’attribuer une légende ou un titre à un tableau de données.

    .......
    Voir Plus
  • colgroup

    colgroup

    Placé en début de <table> est utilisé pour spécifier des propriétés communes à un groupe de colonnes.

    .......
    Voir Plus
  • col

    col

    Utilise pour décrire l'apparence des colonnes d'un tableau. Elle est ainsi employée uniquement à l'intérieur de l'élément <table>

    .......
    Voir Plus
Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces