Les
tableaux HTML voilà sans doute la façon la plus simple de
vous permettre de faire une mise en page potable avec des images et du
texte.
Un tableau
est défini grâce à un jeu de balises à savoir:
<TABLE></TABLE> pour le tableau lui même
<TD></TD> pour les cases du tableau
<TR></TR> pour les lignes du tableau
<TH></TH> pour les cases qui contiennent un titre
Voici
l'ensemble des tags qui peuvent composer un tableau:
<TABLE>
<TH>toto</TH>
<TR>
<TD>tata</TD>
</TR>
Donc
vous l'aurez compris un tableau HTML s'écrit ligne par ligne et
case par case en partant de la gauche vers la droite et du haut vers le
bas.
Ensuite ces différentes balises ont, bien entendu, leur options.
Donc, dans l'ordre, et suivi d'un récapitulatif les voici.
Pour
TABLE:
border="n" => permet de définir un bord de n pixels
au tableau, la valeur par défaut n'est pas 0 donc si tous comme
sur cette page vous ne voulez pas que celui-ci apparaisse, ne l'oubliez
pas:-)
width="n" => permet de définir la largeur en pixels ou pourcent
de votre tableau
height="n" => la même chose pour la hauteur
align="n" => pour définir l'alignement de votre tableau dans
la page, les valeurs possibles sont: left, right
cellspacing="n" => pour définir l'espace entre les cellules,
cela augemente les bords interne du tableau.
cellpadding="n" => pour définir l'espace à l'intérieur
des cases où aucun texte ne doit être écrit.
bgcolor="#nnnnnn" => pour définir la couleur de fond de votre
tableau suivant le code des couleurs HTML
Pour
TR:
bgcolor="#nnnnnn" =>pour définir la couleur de fond
des cellules de votre ligne suivant le code des
couleurs HTML.
align="n" => pour l'alignement horizontal du contenu des
cellules de votre ligne, au choix parmi:
left, right, center
valign="n" => pour l'alignement vertical du contenu des cellules
de votre ligne, au choix parmi:
top, middle, bottom, baseline
Pour
TD et TH:
TH est en gras afin de définir un en tête de colonne.
bgcolor="#nnnnnn" => je pense que vous avez compris!!
rowspan="n" => pour définir le nombre de ligne sur
lequel le contenu doit être écrit. En clair, cela indique
les cases qui vont s'étaler sur plusieurs lignes de votre tableau.
colspan="n" => idem mais pour le nombre de colonnes
align="n" => pour définir l'alignement horizontal
du contenu des cases, center, right, left
valign="n" => idem pour l'alignement vertical, top, middle,
bottom
width="n" => pour définir la largeur de la colonne
height="n" => idem pour la hauteur
Les valeurs de l'alignement sont les mêmes que pour le TR.
nowrap => interdit le retour à la ligne dans la cellules
titre |
Raison |
Details |
code html |
Head |
balise pour les en tetes |
body |
balise pour les corps |
Il est bien sur permis de changer la couleur du texte à l'intérieur
de chaque cellule.
Par contre bien que souvent utilisé, même par moi, les tableaux
dans des tableaux sont fortement déconseillés surtout si vous
écrivez votre code à la main.
|