Balise TD

Rôle

La balise <td> spécifie une cellule dans un tableau. Le texte d’une cellule est aligné, par défaut, horizontalement à gauche et verticalement au milieu. Il existe des cellules pour les entêtes de tableau, voir th

Testez vous-même cette balise

Utilisez Codepen.

Voici le resultat

Compatibilité

La balise <td> 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 :
<td abbr="résumé de la cellule" > ...</td>

align

Spécifie l’alignement horizontal du contenu de la cellule (n’est plus supporté en HTML5)
Syntaxe :
<td align="justify" > ...</td>

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 :
<td axis="contact" > ...</td>

bgcolor

Spécifie la couleur de fond de la cellule (n’est plus supporté en HTML5)
Syntaxe :
<td bgcolor="orange" > ...</td>

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 :
<td char="." > ...</td>

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 :
<td char="." charoff="2" > ...</td>

colspan

Spécifie le nombre de colonnes qui doivent fusionner
Syntaxe :
<td colspan="2" > ...</td>

headers

Spécifie une ou plusieurs cellules d’en-tête (séparées par des espaces) auxquelles est liée la cellule
Syntaxe :
<td headers="Prénom" > ...</td>

height

Spécifie la hauteur de la cellule en pixel ou en pourcentage (n’est plus supporté en HTML5)
Syntaxe :
<td height="300" > ...</td>

rowspan

Spécifie le nombre de lignes qui doivent fusionner
Syntaxe :
<td rowspan="2" > ...</td>

valign

Spécifie l’alignement vertical du contenu dans la cellule (n’est plus supporté en HTML5)
Syntaxe :
<td valign="middle" > ...</td>

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 :
<td width="300" > ...</td>

La balise <td> prend aussi en charge les attributs globaux

Attibuts de type événement

La balise <td> prend aussi en charge les événements souris

Voir les autres balises pour l’intégration d’un formulaire

table– tr– td– th– caption– thead– tfoot– tbody– colgroup– col