Академический Документы
Профессиональный Документы
Культура Документы
Page 1 sur 3
2. Les tableaux
Les tableaux sont trs pratiques pour faire de la mise en page notamment parce qu'ils permettent d'aligner correctement des images, des textes, Une cellule peut contenir du texte, une image, un sous-tableau, Toutes les cellules d'une mme ligne auront la taille (hauteur, largeur) de la cellule ayant le plus grand contenu.
<TD> </TD> : Cre une nouvelle cellule dans un tableau Une balise <TD> est toujours comprise entre des balises <TR> et </TR> Attributs : align pour un alignement horizontal dans la cellule (left, center, right) valign pour un alignement vertical dans la cellule (top, middle, bottom) bgcolor ou bordercolor ou bordercolordark ou bordercolorlight pour dfinir des couleurs de fond ou de trait colspan pour fusionner plusieurs cellules d'une mme ligne (ex : colspan="2") rowspan pour fusionner plusieurs cellules d'une mme colonne (ex :rowspan="6") width pour donner la largeur de la cellule height pour donner la hauteur de la cellule ex : <td align="center" valign="bottom" width="100" bgcolor="white">Contenu</td> Voici un tableau de 2 colonnes et 2 lignes : <TABLE border=4 cellspacing="2" bgcolor="white" width="200"> <TR> <TD width="50"><font color="black">Cellule 1</font></TD> <TD width="150">Cellule 2</TD> </TR> <TR> <TD bgcolor="red">Cellule 3</TD> <TD height="150" valign="bottom" align="right">Cellule 4</TD> </TR> </TABLE>
Page 2 sur 3
Cellule 1 Cellule 6
Cellule 2 Cellule 7
Cellule 3 Cellule 8
Cellule 4 Cellule 9
Une ligne sparatrice de 200 pixels de large Vous raliserez un tableau, centr, similaire au tableau ci-dessous : Cellule 1 Cellule 3 Cellule 2 Cellule 4 Fusion de 2 lignes
Une ligne sparatrice de 200 pixels de large Vous raliserez un tableau, centr, similaire au tableau ci-dessous : TITRE 1 Une petite image choisie sur le site de Stendhal Cellule 2 Cellule 3 Cellule 1
Cellule 4 Cellule 5
Page 3 sur 3