Cour n°06 Les Tableaux

et : pour définir une rangée : pour les cellules de haut de colonne (facultatif) : pour une cellule) tout est ,bien sûr, possible, comme mettre plusieurs lignes de texte (avec , ou autre), changer la couleur des caractères, celle du fond de la cellule, de mettre des liens, des images, modifier les couleurs et les épaisseurs de bordure, etc...
et

Tableaux
C'est la meilleure façon de gérer convenablement la présentation. Les tableaux permettent de diviser la page en zones d'espace et de remplir ces zones avec des objets (textes, images, couleurs), permettant un contrôle amélioré de la position des objets. Ces tables peuvent avoir un fond et des bords visibles ou non. Insérer un tableau et <TABLE> </TABLE>: pour définir un tableau
et
Exemple : <TABLE width="50%" border=1> <TR> <td width="47%" background=images/film.gif></TD> <td width="53%"> Bienvenue </TD></TR></TABLE>
<TABLE width="50%" border=1> <TR> <td></TD> <td>Bienvenue</TD></TR></TABLE> Ce tableau occupe 50% de la largeur totale de la page sur une ligne avec ,dans la première cellule, l'image et ,dans la seconde, le texte, le tout étant centré.
Mise en forme d'un tableau : A l'intérieur d'une cellule (entre	et
<TABLE borderColor=#000080 cellSpacing=3 width="50%" border=2 cellpading="2"> <TR> <td borderColor=#ff0000 align=left width="50%" bgColor=#008080></TD> <td align=left width="50%" background=images/film.gif></TD></TR></TABLE>
<TABLE borderColor=#000080 cellSpacing=3 width="50%" border=2 cellpading="2"> <TR> <td borderColor=#ff0000 align=left width="50%" bgColor=#008080></TD> <td align=left width="50%" background=film.gif></TD></TR></TABLE>
: mettre un fond de couleur. <TABLE bgColor=#00e000> </TABLE>: Occupation en % de la page, vous pouvez aussi travailler en pixels. <TABLE width="50%"> </TABLE>Taille des bords (0=pas de bords). border color="votre couleur" couleur des bordures. cellpadding="2" Marge intérieure des cellules. cellspacing="3" Espacement entre les cellules. <TABLE border=1> <TR> <td align=left> Fusionner les lignes et colonnes Les lignes et colonnes peuvent êtres fusionnées, afin d'obtenir des cellules plus ou moins grandes et accueillir des données. Ce fusionnement est réalisé avec l'attribut : rowspan et colspan. - Pour fusionner 2 cellules adjacentes sur une ligne, COLSPAN est requis (pour th ou td) - Pour fusionner 2 cellules adjacentes sur une colonne, ROWSPAN est requis (pour th ou td) </TD></TR> <TR> <td align=left> Exemple: <TABLE border=1> <TR> <td>Cellule 1</TD> <td colSpan=2>2 cellules fusionnées (sur la même ligne)</TD></TR> <TR> <td>Cellule 2</TD> <td>Cellule 3</TD> <td rowSpan=2>2 cellules fusionnées (sur la même colonne)</TD></TR> <TR> <td>Cellule 4</TD> <td>Cellule 5</TD></TR></TABLE> <TABLE border=1> <TR> <td>Cellule 1</TD> <td colSpan=2>2 cellules fusionnées (sur la même ligne)</TD></TR> <TR> <td>Cellule 2</TD> <td>Cellule 3</TD> <td rowSpan=2>2 cellules fusionnées (sur la même colonne)</TD></TR> <TR> <td>Cellule 4</TD> <td>Cellule 5</TD></TR></TABLE></TD></TR></TABLE>