Bonjour à tous !
vous vous êtes peut-être demandé ce qui se cache derrière les tableaux , à partir de quoi sont-ils créés ?
La réponse est ici ^^ !
Tout d'abord , Un tableau en HTML doit respecter les règles suivantes :
- Le tableau est encadré par les balises <TABLE> et </TABLE> qui donnent l'ordre de création du tableau
- Le titre du tableau est encadré par <CAPTION> </CAPTION>
- Chaque ligne est encadrée par <TR> </TR> (TR =Table Row, traduit par ligne de tableau).
- Les cellules d'en-tête sont encadrées par <TH> </TH> (TH pour Table Header : En-tête de tableau)
- Les cellules de valeur sont encadrées par <TD> </TD> (TD pour Table Data : les valeurs des cellules , le contenu)
Exemple pour un petit tableau :
- Code:
-
<TABLE BORDER="1"> ( l'attribut "BORDER" détermine l'épaisseur de la bordure du tableau , ici 1 pixel )
<CAPTION> Tableau en HTML </CAPTION>
<TR>
<TH> Titre 1 </TH>
<TH> Titre 2 </TH>
<TH> Titre 3 </TH>
<TH> Titre 4 </TH>
</TR>
<TR>
<TH> Titre B1 </TH>
<TD> Valeur B2 </TD>
<TD> Valeur B3 </TD>
<TD> Valeur B4 </TD>
</TR>
</TABLE>
> Ce qui donnera :
Maintenant voyons quelques attributs supplémentaires :
L'attribut "ALIGN" par exemple , qui s'applique aux balises suivantes :
- THEAD > En-tête
- TBODY > Corps du Tableau
- TH > cellule d'en-tête
- TR > Lignes
- TD > Cellules de données
Peut comporter ces valeurs :
CENTER > Centrer
LEFT > Aligner à Gauche
RIGHT >Aligner à Droite
JUSTIFY >Alignement Justifié
Pour retrouver L'ensemble des attributs
cliquez ici