ACCUEIL |  PAGE PRECEDENTE |  PAGE SUIVANTE |  FIN DE PAGE |  INDEX

<TD> ... </TD> Valid HTML 4.01 Transitional



Utilisation

Définit le contenu d'une cellule

Balises de début/de fin

Nécessaire/facultatif

Attributs

%coreattrs, %i18n, %events

axis="..." : nom abrégé

axes=..." : nome les en-têtes de ligne et de colonne propres à la cellule.

nowrap="..." : deprecated. Désactive le retour à la ligne automatique dans une cellule.

bgcolor="..." : deprecated. Définit la couleur de fond.

rowspan="..." : nombre de lignes sur lesquelles s'étend une cellule.

colspan="..." : nombre de colonnes sur lesquelles s'étend une cellule.

align="..." : aligne horizontalement le contenu des cellules ( left, center, right, justify, char )

char="..." : définit un caractère sur lequel s'aligne la colonne.

charoff"..." : décale sur la ligne par rapport au premier caractère d'alignement.

valign="..." : aligne verticalement le contenu des cellules ( top, middle, bottom, baseline ) 

Vide

Non

Remarques :

Le contenu d'une cellule peut être très varié :

Exemples d'utilisation :

La cellule supérieure s'étend sur 3 colonnes :

<TABLE border=0 >
    <TR Align=center > <TH colspan=3> ANNUAIRE TELEPHONIQUE
    <TR> <TH> Nom < TH>Téléphone <TH> Poste
    <TR> <TD> Martin A. <TD> 01 76 98 45 34 <TD> 101
    <TR> <TD> Dupont  B. <TD> 01 76 98 45 34 <TD> 102
    <TR> <TD> Durand  J. <TD> 01 76 98 45 34 <TD> 103
</TABLE>
 
sera rendu ainsi :
 
ANNUAIRE TELEPHONIQUE
Nom Téléphone Poste
Martin A. 01 76 98 45 34 101
Dupont B. 01 76 98 45 34 102
Durand J. 01 76 98 45 34 103
 

Exemple de têtes de colonnes multiples avec COLSPAN

En-tête 1 En-tête 2
tête 3 tête 4 tête 5 tête 6
Cellule A Cellule B Cellule C Cellule D
Cellule  E Cellule F Cellule G Cellule H

Exemple d'en-têtes de rangées avec ROWSPAN

En-tête1 Cellule1 Cellule 2 Cellule 3 Cellule 4
Cellule 5 Cellule 6 Cellule 7 Cellule 8
En-tête2 Cellulle 9 Cellule 10 Cellule 11 Cellule 12
Cellule 13 Cellule 14 Cellule 15 Cellule 16
 

Document additionnel ( Face cachée d'HTML - Eyrolles ) :

  TD= (TABLEDATA = données) HTML
Définition Délimiteurs de cellules d'un tableau; introduisent des titres ou des données 3.2 4.0
Syntaxe de l'élément
<TD>
...
</TD>
L'élément TD est un élément ouvert (il est conseillé de le fermer) ; il introduit des données: texte, icone, image, etc..    
Attributs de l'élément
Colspan=n Cet attribut permet d'étaler l'en-tête ou le contenu d'une cellule sur plusieurs colonnes.
<TH colspan=2> Intitulé </TH>
<TD colspan=2> Data </TD>
   
Rowspan=n Cet attribut permet d'étaler l'en-tête ou le texte d'une cellule sur plusieurs lignes.
<TH rowspan=2> Intitulé </TH>
<TD rowspan=2> Data </TD>
   
Note Les tables HTML 4.0 ne sont rendues à l'heure actuelle que par deux navigateurs. Les éléments empruntés des spécifications ou extensions antérieures doivent pouvoir être rendus par tous les navigateurs comme par le passé, selon un principe général à HTML (les éléments ou attributs inconnus étant ignorés).    
Attributs nouveaux
Axis Définit un nom abrégé pour une cellule d'en-tête.
Le nom par défaut est le contenu de la cellule
   
Axes Définit une liste de nom abrégés, séparés par des virgules, permettant de spécifier les lignes et colonnes auxquelles appartient la cellule.
   
Attributs annexés
Align Aligne le texte dans une cellule: à gauche, au centre, à droite
Syntaxe générale: Align=left|center|right
Exemples:
<TH Align=left>...</TH> : place l'en-tête à gauche;
<TD Align=center>...</TD> : place le texte au centre de la cellule
Valeurs par défaut:
TH: align=center
TD: align=left
   
Valign Place le texte verticalement dans une cellule: en haut, au milieu, en bas, sur la ligne
Syntaxe générale: Valign=top|middle|bottom|baseline
Exemples:
<TH Valign=top>...</TH> : aligne l'en-tête en haut de la cellule
<TD Valign=bottom>...</TD> : aligne le texte en bas de la cellule
Valeurs par défaut:
TH: valign=middle
TD: valign=middle
   
Nowrap Cet attribut empêche le retour à la ligne dans une cellule.
Syntaxe: <TD nowrap> ... </TD>
   
Note Cet attribut, d'origine Netscape, fait partie des spécifications, mais son emploi est déconseillé au profit des propriétés de style.

Son emploi est délicat, en particulier lorsque les dimensions d'une table sont définies en pourcentage de l'espace disponible dans une fenêtre.

   
Height Syntaxe : <TH height=n>
Permet de définir la hauteur d'une cellule en valeur absolue (en pixels).
   
Note Curieusement, cet attribut, d'origine Netscape, semble avoir disparu des spécifications, alors qu'il avait été introduit auparavant.    
Note: attribut color Avec Netscape 2.0+ et Internet Explorer 2.0+, l'attribut COLOR de l'élément FONT permet de colorier le texte d'une cellule;
La syntaxe est la suivante:
<FONT COLOR=#RRVVBB> Texte de la cellule </FONT>

Exemples :
<TD><FONT COLOR=#FFFFFF> Texte de la cellule </FONT></TD>
il est possible de désigner les seize couleurs de base par un nom:
<TD><FONT COLOR=BLUE>

   
Bgcolor Cet attribut permet de définir une couleur de fond pour une cellule; la couleur est codée en hexadécimal mais peut également être désignée par un nom parmi seize.
Syntaxe:
<TH BGCOLOR=#RRVVBB> ... </TH>
<TD BGCOLOR=white> ... </TD>
   
Commentaire La cellule est l'élément qui compose une ligne d'un tableau HTML. Le navigateur compte dans une deuxième passe le nombre de cellules par ligne, c-à-d, le nombre d'éléments TH ou TD que contient le tableau.
Chaque ligne doit comporter virtuellement le même nombre de cellules; dans la déclaration des cellules ligne par ligne, vous devez veiller à cette cohérence.
Lorsqu'une cellule s'étend sur plusieurs colonnes (par exemple: colspan=n), cette cellule doit être comptée virtuellement pour le nombre n qui est déclaré.
Les cellules dont le contenu est vide sont acceptées.
   


ACCUEIL |  PAGE PRECEDENTE |  PAGE SUIVANTE |  DEBUT DE PAGE |  INDEX