-=I greg-seth I=-

	Home
	Les Autres Sites
	Apprendre le HTML
	L'Aguzou
	L'Islande
	Environs de Paris
	Paroles de chansons
	Goodies
	Liens
	Forum de discussion

Les Tableaux

Les tableaux représentent une partie importante en HTML. Souvent utilisés en lieu et place des frames, il est nécessaire de savoir bien les utiliser. Un tableau se définit par trois balises :

<table> : Définition des propriétés du tableau.
<tr> : Ligne.
<td> : Colonne.

Et voici leurs attributs respectifs :

<table>

align=	"left" "center" "right"	Justification du tableau dans la page. La valeur par défaut est "left".
border=		Epaisseur de la bordure des cellules, en pixels.
width=		Largeur du tableau, en pixels ou en pourcentage de la fenêtre. Remarque : si le tableau est déjà dans une cellule d'un tableau, il s'agit du pourcentage de la cellule.
cellpadding=		Distance du contenu d'une cellule par rapport à la bordure, en pixels.
cellspacing=		Distance entre les cellules, en pixels.
bordercolorlight= bordercolordark=	"#RRGGBB"	Couleurs des bordures des cellules.

<tr>

align=	"left" "center" "right"	Justification du contenu des cellules. La valeur par défaut est "left".
valign=	"top" "middle" "bottom"	Alignement vertical dans la cellule, en haut, au milieu ou en bas.

<td>

align=	"left" "center" "right"	Justification du contenu des cellules. La valeur par défaut est "left".
valign=	"top" "middle" "bottom"	Alignement vertical dans la cellule, en haut, au milieu ou en bas.
width=		Largeur de la cellule, en pixels ou pourcentage du tableau.
height=		Hauteur de la cellule, en pixels ou pourcentage du tableau.
colspan=	"n"	Regroupe les cellules de la ligne sur n colonnes.
rowspan=	"n"	Regroupe les cellules de la colonne sur n lignes.
bgcolor=	"#RRGGBB"	Couleur de fond de la cellule.
background=	"URL"	Image de fond de la cellule.

Cette charmante petite indigestion de code fait place comme d'habitude à un ch'tit exemple. Nous allons construire un tableau comportant trois lignes et trois colonnes. La première ligne fera ofiice de titre et sera centrée sur les trois colonnes. Le tableau sera centré et fera 500 pixels de large. La première colonne aura une largeur de 100px, et la deuxième occupera 50% du tableau.

1.	<table align="center" width="500" border="1">
2.	<tr>
3.	<td align="center" colspan="3">Titre</td>
4.	</tr>
5.	<tr>
6.	<td width="100">L2 C1</td>
7.	<td width="50%">L2 C2</td>
8.	<td>L2 C3</td>
9.	</tr>
10.	<tr>
11.	<td width="100">L3 C1</td>
12.	<td width="50%">L3 C2</td>
13.	<td>L3 C3</td>
14.	</tr>
15.	</table>

Suite de la leçon.