Accueil    HTML    Balise TD
 



balise td  Balise TD : Table division

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


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



La balise <td> déclare les cellules d'un tableau html. Son emploi se fait au sein d'une ligne <tr> elle-même définie à l'intérieur de la balise <table>. En terme de structure, un tableau html est constitué d'un ensemble de lignes, et chaque ligne constituée d'un ensemble de cellules.
Il est possible d'utiliser la plupart des balises html au sein des cellules (images, listes, objets, paragraphes ...).

Parmi les attributs de la balise <td>, "colspan" et "rowspan" sont à bien maitriser : Ils permettent de grouper des cellules horizontalement ou verticalement pour faciliter la mise en forme de tableaux moins standards. Ces attributs soulignent le fait que les cellules conservent leur longueur et hauteur une fois celles-ci définies.



Propriétés pour la balise td :




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 td :





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