Les Tableaux

Les tableaux sont très utiles.
Les tableaux sont souvent utilisés pour la mise en page pour des raisons de facilités.

Voici la structure d'un tableau

Code HTML

<table width="200" align="center" border="1">
  <tr> //Rang&eacute; 1
    <td width="50%">1.1</td> //Cellule 1.1
    <td width="50%">1.2</td> //Cellule 1.2
  </tr>
  <tr> //Rang&eacute; 2
    <td>2.1</td> //Cellule 2.1
    <td>2.2</td> //Cellule 2.2
  </tr>
</table>

Résultat

1.1	1.2
2.1	2.2

La balise table peut avoir différents attributs :

border : Epaisseur des bordures (numérique)
bgcolor : Couleur du fond
bordercolor : Couleur des bordures du tableau
cellpadding : Espace entre le texte et une cellule
cellspacing : Espace entre les cellules
width : Largeur du tableau
height : Hauteur du tableau
align : Alignement du tableau

Code HTML

<table border="2" cellpadding="5" cellspacing="10" bgcolor="#FFFFD2" bordercolor="red" width="200" height="50" align="center">
  <tr>
    <td>Une seule cellule ;-)</td>
  </tr>
</table>

Résultat

Une seule cellule ;-)

Menu du tutorial :

Design