Cours de Dreamweaver Cours de css Cours de Flash Cours d'HTML
Cours de javascript Quelques jeux Cours de Photoshop Cours de php
Cour de Référencement Cour de sql Cour de vidéo  

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.
Retour à l'index
Pour m'aider cliquez ici
Fais avec un mac
Sucellus 2001 ©
Les noms des logiciels, jeux, matériels, marques, images de ce site sont la propriété de leurs auteurs et/ou de leurs éditeurs.