Tableaux

Les balises

TABLE | TR | TD | TH
Autres balises

TABLE

Les balises TABLE et /TABLE entourent un tableau. La balise TABLE admet plusieurs attributs.

BORDER=taille
L'attribut BORDER permet de fixer la taille en pixels des lignes qui délimitent les cellules du tableau. Si cette taille est 0, ces lignes ne sont pas affichées.

WIDTH=taille
L'attribut WIDTH permet de fixer la largeur du tableau en pixels ou en pourcentage de la largeur disponible.

ALIGN="alignement"
L'attribut ALIGN permet de définir l'alignement du tableau dans la largeur de l'espace disponible. Les valeurs possibles sont LEFT, CENTER et RIGHT.

CELLSPACING=taille
L'attribut CELLSPACING permet de définir en pixels l'espace de séparation des cellules.

CELLPADDING=taille
L'attribut CELLPADDING permet de définir en pixels l'espace séparant le bord des cellules de leur contenu.

TR

Les balises TR et /TR délimitent les cellules d'une même ligne d'un tableau.

TD

Les balises TD et /TD entourent chaque cellule d'un tableau. Chaque cellule du tableau peut contenir des paragraphes, des listes, des images ou d'autres tableaux.
Exemple :

Texte source	Résultat obtenu
<table border=1 cellpadding=3 cellspacing=1> <tr> <td>Cellule L1C1</td> <td>Cellule L1C2</td> <td>Cellule L1C3</td> </tr> <tr> <td>Cellule L2C1</td> <td>Cellule L2C2</td> <td>Cellule L3C3</td> </tr> </table>	Cellule L1C1 Cellule L1C2 Cellule L1C3 Cellule L2C1 Cellule L2C2 Cellule L3C3

La balise TD admet plusieurs arguments.

WIDTH=taille
L'argument WIDTH permet de définir la largeur de la cellule en pixels ou en pourcentage de la largeur du tableau.

BGCOLOR="couleur"
L'attribut BGCOLOR permet de définir la couleur de fond de la cellule.

VALIGN="alignement"
L'attribut VALIGN permet de définir l'alignement vertical dans la cellule. Les valeurs possibles sont TOP, MIDDLE et BOTTOM.

COLSPAN=nombre
L'attribut COLSPAN permet de définir le nombre de colonnes de tableau que devra occuper la cellule.

ROWSPAN=nombre
L'attribut ROWSPAN permet de définir le nombre de lignes de tableau que devra occuper la cellule.

Exemple :

Texte source	Résultat obtenu
<table border=1 cellpadding=3 cellspacing=1> <tr> <td colspan=3>J'occupe les 3 colonnes.</td> </tr> <tr> <td width=70 rowspan=2>Sur deux lignes</td> <td>Cellule simple</td> <td>Cellule simple</td> </tr> <tr> <td>Cellule simple</td> <td>Cellule simple</td> </tr> </table>	J'occupe les 3 colonnes. Sur deux lignes Cellule simple Cellule simple Cellule simple Cellule simple

TH

Les balises TH et /TH peuvent être utilisées pour délimiter les cellules de la première ligne ou de la première colonne d'un tableau. Ces cellules sont alors considérées comme des titres de colonnes ou de lignes.

Balises HTML | Page d'accueil