Les tableaux en html

Les tableaux en html




Créer une page internet, c´est bien mais il faut à présent l´organiser.
Pour ça on a souvent recours à des tableaux.

Voici la balise pour le tableau :

<TABLE ALIGN="left" BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%">
<TR ALIGN="left" VALIGN="middle">
<TH></TH>
<TH>?</TH>
</TR>
<TR ALIGN="left" VALIGN="middle">
<TD> ? </TD>
<TD> ? </TD>
</TR>
</TABLE>

Voici la balise la plus pure pour le tableau :

<TABLE>

Ensuite, voici les informations présentes dans cette cellule :
"align" : l´alignement du tableau (à gauche, centré, ou à droite).
"border" : L´épaisseur des bords du tableau (0 pour invisible).
"cellpadding" : définit la marge du contenu de la cellule par rapport à la bordure.
"cellspacing" : définit la largeur de la bordure.
"width" : définit la largeur du tableau.
"bordercolor" : définit la couleur des bordures du tableau.


Voici les balises pour les lignes :

<TR ALIGN="left" VALIGN="middle">

Ensuite, voici les informations présentes dans cette cellule :
"align" : l´alignement horizontal du texte dans la cellule (à gauche, centré, ou à droite).
"Valign" : l´alignement vertical du texte dans la cellule (top, middle, down).


Voici la balise de la cellule d´en-tête :

<TH> </TH>

Voici la balise de la cellule normale :

<TD> </TD>

Voici le tableau de mon site :



En violet, la bannière du site.
En rouge, le menu du site.
En vert et saumon,des espaces pour faciliter l´organisation de la page.

[EDIT:ce tableau n´est plus actif sur le site actuel à cause des nombreuses modifications apportées au cours de son évolution.
Cependant, vous pouvez vous en inspirer.]


La suite =>




ParNautavius,mentions-légales dernière mise à jour le : 27/05/2019 Licence Creative Commons