Présentation de la Rubrique :
"HTML débutant - Les Balises Tableaux et leurs attributs"

Sur cette page, nous avons regroupé pour vous les balises tableaux et leurs différents attributs afin de vous faciliter les choses lorsque vous codez vos pages HTML manuellement.
Vous y trouverez le nom de la balise ou de l'attribut ainsi qu'une petite description pour vous informer des bonnes conditions d'utilisation. En effet, certaines balises sont "orphelines", c'est à dire qu'elles ne possèdent pas de balise terminale; pour d'autres, l'utilisation de la balise terminale est tout simplement optionnelle.

PETIT RAPPEL CONCERNANT LES BALISES HTML :
Les balises distinguent les documents ordinaires des documents HTML. Une balise est un mot clé enfermé entre deux chevrons < et >. La grande majorité des balises vont par paire, une au début (c'est la balise initiale) et une autre à la fin (balise terminale). Dans la balise terminale le mot clé est toujours précédé par un slash "/".

Le tableau est un bon moyen de mettre facilement en valeur les documents textes et images de votre site Web. Vous pourrez y modifier bon nombre de paramètres, que ce soit la bordure, l’arrière-plan, les espaces, l’alignement des documents, les lignes et les colonnes…Etc. Après un rapide apprentissage, vous adopterez à coup sûr les tableaux pour la mise en page de votre site.
Un seul conseil : exercez-vous à construire différents types de tableaux pour bien contrôler les fonctions de chacunes des balises.

Si vous avez des doutes, des suggestions ou des questions concernant cette rubrique, n’hésitez pas à les poser sur le "forum Outils du Webmaster".

Les différentes Balises d'un Tableau HTML
Nom de la balise	Description de la balise
"table"	Indique l'ouverture ou le début d'un tableau. La balise terminale est : "/table". Les attributs principaux de cette balise sont : "align", "background", "border", "cellpadding", "cellspacing", "width"...
"tr"	Indique l'ouverture ou le début d'une ligne. La balise terminale est : "/tr". Les attributs principaux de cette balise sont : "align", "valign"...
"td"	Indique l'ouverture ou le début d'une cellule. La balise terminale est : "/td". Les attributs principaux de cette balise sont : "align", "bgcolor", "colspan", "headers", rowspan", "height", "nowrap", "valign", "width"...
"th"	Indique l'ouverture ou le début d'une cellule titre. La balise terminale est : "/th". Les attributs principaux de cette balise sont les mêmes que la balise "td", c'est à dire : "align", "bgcolor", "colspan", "headers", rowspan", "height", "nowrap", "valign", "width"... Cette balise vous servira pour indiquer le ou les titres de votre tableau, le texte y sera centré et affiché en gras.
"caption"	Indique l'ouverture ou le début d'une légende ou d'un titre. La balise terminale est : "/caption". L'attribut de cette balise est : "align". Cette balise vous servira pour indiquer le titre de votre tableau. Cette balise se place en principe juste après "table" mais en dehors de tout conteneur "tr"..."/tr".

Les Attributs de base d'un Tableau HTML
Nom Attribut	Description de l'Attribut	S'applique aux Balises
"align"	Indique un alignement ou un positionnement. Les valeurs de cet attribut sont : "left", "center", "right", "justify", "top" et "bottom"...	"table", "th", "tr", "td", "caption"...
"bgcolor"	Indique la couleur du tableau ou d'une ligne ou encore d'une cellule. Exemple : bgcolor="red" ou bgcolor="#007CA5". Sans cette balise votre tableau sera transparent.	"table", "tr", "th", "td".
"border"	Indique l'épaisseur en pixels de la bordure du tableau. exemple : "border="0"" donne un tableau sans bordure ; "border="2"" donne un tableau avec une bordure de 2 pixels.	"table"
"cellpadding"	Indique l'espace en pixels à ménager entre les bordures d'une cellule et son contenu. Sa valeur par défaut est de 1 pixel. On l'utilise souvent conjointement avec l'attribut "cellspacing"	"table"
"cellspacing"	Indique l'espace en pixels à ménager entre deux cellules consécutives. Sa valeur par défaut est de 2 pixels. On l'utilise souvent conjointement avec l'attribut "cellpadding"	"table"
"colspan"	Indique le nombre de colonnes sur lesquels la cellule s'étend.	"th", "td".
"nowrap"	Interdit tout retour à la ligne du contenu d'une cellule. Son usage est plutôt déconseillé.	"th", "td".
"rowspan"	Indique le nombre de lignes sur lesquels la cellule s'étend.	"th", "td".
"valign"	Indique un alignement vertical. Sa valeur par défaut est "middle". Les valeurs de cet attribut sont : "top", "middle" et "bottom"...	"tr", "th", "td".
"width"	Indique la largeur du tableau ou d'une cellule. S'exprime en pourcentage (exemple : width="80%") ou en pixels (exemple : width="100"). On l'utilise parfois conjointement avec l'attribut "height"	"table", "th", "td".