| |
Les tableaux en HTML
 |
Avec le Html, les tableaux servent non seulement à aligner des chiffres ou caractères mais surtout à placer des éléments à un emplacement voulu pour avoir une mise en forme agréable de la page web, c'est pourquoi leur usage est très fréquent. |
Un tableau est composé de lignes et de colonnes formant les cellules du tableau.
balises obligatoires pour créer un tableau :
| | <table></table> |
: Début et fin de tableau |
| <tr></tr> |
: Début et fin de ligne |
| <td></td> |
: Début et fin de cellule |
exemple de code :
| résultat :
|
<table border="1" bordercolor="#4a538a" >
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
</table> |
| L'attribut border définit l'épaisseur du tableau, on peut le supprimer pour enlever la bordure.
Les balises <tr></tr> désignent une ligne du tableau et <td></td> correspondent à une cellule.
Les attributs de la balise <table> :
| <TABLE cellspacing=?> |
l'espace entre les cellules |
<TABLE cellpadding=?>
| marge intérieure des cellules |
<TABLE width="400"> ou
<table width=40%>
| la largeur du tableau peut se définit en pixels ou en % |
| <TABLE bordercolor="#000000"> |
la couleur de la bordure du tableau |
| <TABLE background="image.jpg"> |
définit une image d'arrière plan |
| <TABLE bgcolor="#000000"> |
la couleur de fond du tableau |
Les attributs de la cellule, balise <td> :
| <TD bgcolor="#ffffff"> |
définit une couleur d'arrière plan (ici blanc) |
<TD background="image.gif">
| définit une image d'arrière plan |
| <TD width="100" > |
définit la largeur d'une cellule |
| <TD height="100"> |
définit la hauteur d'une cellule |
| <TD align="left"> |
aligne le texte à gauche dans la cellule |
| <TD align="right"> |
aligne le texte à droite dans la cellule |
| <TD align="center"> |
aligne le texte au centre de la cellule (sens horizontal) |
| <TD valign="top"> |
aligne le texte en haut de la cellule |
| <TD valign="middle"> |
aligne le texte au milieu de la cellule(sens vertical) |
| <TD valign="bottom"> |
aligne le texte en bas de la cellule |
| |
| | | |
| |
| |