La balise TD

La balise TD, définit une cellule d'un tableau.

L'attribut valign

L'attribut valign permet de définir la position verticale du contenu d'une cellule par rapport à la cellule.

 <td valign="position verticale"> 

Exemple1: alignement en bas : bottom.

Exemple2: centrage vertical : middle.

Exemple3: alignement en haut: top.

L'attribut align

L'attribut align permet de définir la position horizontale du contenu d'une cellule par rapport à la cellule.

 <td align="position"> 

Exemple1: alignement à gauche : left.

Exemple2: centrage horizontal : center.

Exemple3: alignement à droite : right.

L'attribut width

L'attribut width permet de définir la largeur d'une cellule (en pixels par défaut).

 <td width="...."> 

Exemple avec largeur en pixel

Exemple avec largeur en pourcentage

Notez que le fait de fixer la largeur d'une cellule, force toutes les cellules de la même colonne à être de la même largeur. Pour fixer la largeur d'une colonne, il suffit donc de fixer la largeur d'une cellule de cette colonne.

L'attribut height

L'attribut height permet de définir la hauteur d'une cellule (en pixels par défaut).

 <td height="...."> 

Remarque importante: comme toutes les cellules d'une lignes ont la même hauteur, fixer la hauteur d'une cellule revient à fixer la hauteur de la ligne qui la contient.

Exemple avec hauteur en pixel

Exemple avec hauteur en pourcentage

L'attribut bgcolor

Pour définir la couleur de fond d'une cellule:

 <td bgcolor="....">  

Exemple

L'attribut colspan

colspan permet de définir une cellule de tableau qui s'étend sur plusieurs colonnes.

 <td colspan="Nombre de colonnes">  

Exemple.

L'attribut rowspan

colspan permet de définir une cellule de tableau qui s'étend sur plusieurs lignes.

 <td rowspan="Nombre de lignes">  

Exemple.