Balise HTML ou XHTML TD

BALISE TD

Définition

La balise HTML et XHTML TD définit une cellule du tableau.
La balise HTML et XHTML TD est contenu dans la balise HTML et XHTML <TR>.
Exemple :
Exemple de code :
<TABLE>
  <TR>
    <TD>Cellule</TD>
    <TD>Cellule</TD>
  </TR>
</TABLE>

Pour mieux comprendre la fusion de cellules voir les cours de Html Les tableaux étape 3
javascript [3]
Infos Javascript
Vous trouverez des informations sur l'objet javascript TD dans les glossaires javascript DOM :
Document Object Model Core :
Objet Node
Objet Element
Document Object Model HTML :
Objet Td
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Exemple de code :

Attribut html ou xhtml ALIGN [s]

Détails de compatiblilité navigateur HTML pour l'attribut "align" de la balise "td"

Détails de compatiblilité navigateur XHTML pour l'attribut "align" de la balise "td"

Définition

L'attribut HTML et XHTML ALIGN de la balise HTML et XHTML TD définit l'alignement horizontal dans les cellules de la ligne.
Exemple de code :
<TD ALIGN="left"> </TD>
L'attribut HTML et XHTML ALIGN de la balise HTML et XHTML TD peut prendre la valeur de :
- left, alignement à gauche.
- right, alignement à droite.
- center, alignement au centre.
- justify, alignement droite et gauche.
- char <TD ALIGN="CHAR" CHAR=",">, permet de s'aligner sur un caractère spécifique à la manière de la virgule pour un nombre flottant documenté mais pas pris en compte par les navigateurs.
javascript [0]
Infos Javascript
css [1]
Infos CSS
Voir les feuilles de styles associées :

Attribut html ou xhtml BACKGROUND [s]

Détails de compatiblilité navigateur HTML pour l'attribut "background" de la balise "td"

Définition

L'attribut HTML BACKGROUND de la balise HTML TD permet de mettre une image en fond à la cellule.
Exemple de code :
<TD BACKGROUND="URL/Image.gif"> </TD>
javascript [0]
Infos Javascript
css [1]
Infos CSS

Attribut html ou xhtml BGCOLOR [s]

Détails de compatiblilité navigateur HTML pour l'attribut "bgcolor" de la balise "td"

Définition

L'attribut HTML BGCOLOR de la balise HTML TD permet de mettre une couleur de fond à la cellule.
Exemple de code :
<TD BGCOLOR="#ff0000"> </TD>

Voir la liste des couleurs nommées
javascript [0]
Infos Javascript
css [1]
Infos CSS
Voir les feuilles de styles associées :

Attribut html ou xhtml CLASS [s]

Détails de compatiblilité navigateur HTML pour l'attribut "class" de la balise "td"

Détails de compatiblilité navigateur XHTML pour l'attribut "class" de la balise "td"

Définition

L'attribut HTML et XHTML CLASS de la balise HTML et XHTML TD permet de spécifier la classe css à utiliser sur la balise.
Exemple de code :
<TD CLASS="Nom"></TD>

L'attribut HTML et XHTML CLASS de la balise HTML et XHTML TD est utilisé pour les feuilles de style (css).
javascript [0]
Infos Javascript
css [1]
Infos CSS
Voir les feuilles de styles associées :

Attribut html ou xhtml COLSPAN [s]

Détails de compatiblilité navigateur HTML pour l'attribut "colspan" de la balise "td"

Détails de compatiblilité navigateur XHTML pour l'attribut "colspan" de la balise "td"

Définition

L'attribut HTML et XHTML COLSPAN de la balise HTML et XHTML TD fusionne horizontalement "n" cellules.
Exemple de code :
<TD COLSPAN="2"> </TD>

Exemple :
Exemple de code :
<TABLE>
  <TR>
    <TD colspan="2">1</TD>
  </TR>
  <TR>
    <TD>2</TD>
    <TD>2</TD>
  </TR>
</TABLE>
1
23

Cours HTML : Les tableaux étape 3
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml DIR [s]

Détails de compatiblilité navigateur HTML pour l'attribut "dir" de la balise "td"

Détails de compatiblilité navigateur XHTML pour l'attribut "dir" de la balise "td"

Définition

L'attribut HTML et XHTML DIR de la balise HTML et XHTML TD spécifie le sens de lecture.
Exemple de code :
<TD DIR="LTR"> </TD>
L'attribut HTML et XHTML DIR de la balise HTML et XHTML TD peut prendre la valeur de :
- LTR: de la gauche vers la droite.
- RTL: de la droite vers la gauche (pour l'hébreu par exemple).
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml HEADERS [s]

Détails de compatiblilité navigateur HTML pour l'attribut "headers" de la balise "td"

Détails de compatiblilité navigateur XHTML pour l'attribut "headers" de la balise "td"

Définition

L'attribut HTML et XHTML HEADERS de la balise HTML et XHTML TD permet d'identifier la position de la cellule.
Exemple de code :
<td headers="c2 r2 r2">r2</td>
L'attribut HTML et XHTML HEADERS de la balise HTML et XHTML TD est utilisé pour l'accessibilité.
L'attribut HTML et XHTML HEADERS de la balise HTML et XHTML TD a une valeur est composée de trois valeurs séparées par un espace.
- la première : correspond à l'identifiant de la colonne (c+n°).
- la seconde : correspond à l'identifiant de la ligne (r+n°)
- la troisième : correspond à la position de la cellule (r+n°).

Exemple :
Libélé ligne Colone2 Colone3 Colone4
Ligne 1 r20 r31 r42
Ligne 2 r22 r33 r44

Exemple de code :
<table border="1" Width="60%">
<tr>
<th width="20%" id=""></th>
<th width="10%" id="c2">Colone2</th>
<th width="10%" id="c3">Colone3</th>
<th width="10%" id="c4">Colone4</th>
</tr>
<tr>
<td id="r2">Ligne 2</td>
<td headers="c2 r2 r2">r2</td>
<td headers="c3 r2 r3">r3</td>
<td headers="c4 r2 r4">r4</td>
</tr>
<tr>
<td id="r3">Ligne 3</td>
<td headers="c2 r3 r2">r2</td>
<td headers="c3 r3 r3">r3</td>
<td headers="c4 r3 r4">r4</td>
</tr>
</table>
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml HEIGHT [s]

Détails de compatiblilité navigateur HTML pour l'attribut "height" de la balise "td"

Définition

L'attribut HTML HEIGHT de la balise HTML TD définit la hauteur de la cellule.
Exemple de code :
<TD HEIGHT="10%"> </TD>
L'attribut HTML HEIGHT de la balise HTML TD est souvent mal interprété par les anciens navigateurs.
L'attribut HTML HEIGHT de la balise HTML TD peut prendre une valeur numérique en %. L'unité par défaut est le pixel.
javascript [0]
Infos Javascript
css [1]
Infos CSS
Voir les feuilles de styles associées :

Attribut html ou xhtml ID [s]

Détails de compatiblilité navigateur HTML pour l'attribut "id" de la balise "td"

Détails de compatiblilité navigateur XHTML pour l'attribut "id" de la balise "td"

Définition

L'attribut HTML et XHTML ID de la balise HTML et XHTML TD permet d'identifier la balise pour les feuilles de style (css) ou le javascript.
Exemple de code :
<TD ID="Nom"> </TD>


La valeur de l'attribut HTML et XHTML ID est unique dans tout votre document HTML ou XHTML.

Dans le cas des feuilles de style, l'attribut HTML et XHTML ID permet spécifier la classe css à utiliser sur la balise
Dans le cas du javascript, l'attribut HTML et XHTML ID permet de donner un identifiant pour accéder aux propriétés de la balise TD.
javascript [0]
Infos Javascript
css [1]
Infos CSS
Voir les feuilles de styles associées :

Attribut html ou xhtml LANG [s]

Détails de compatiblilité navigateur HTML pour l'attribut "lang" de la balise "td"

Détails de compatiblilité navigateur XHTML pour l'attribut "lang" de la balise "td"

Définition

L'attribut HTML et XHTML LANG de la balise HTML et XHTML TD permet de spécifier la langue utilisée.
Exemple de code :
<TD LANG="fr"> </TD>

L'attribut HTML et XHTML LANG de la balise HTML et XHTML TD peut prendre entre autre la valeur de :
- fr, français.
- en, anglais.

Exemple ~~> Exemple LANG
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

xml:lang ou lang

Pour des raisons de compatilité avec les anciens navigateurs, le w3c préconise l'utilisation des deux attributs en même temps.
L'attribut XHTML xml:lang peut prendre les même valeurs que l'attribut HTML lang.
Exemple de code :
<TD lang="fr" xml:lang="fr">Texte XHTML</TD>

Voir informations complémentaires dans la Balise TITLE attribut Lang
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS