Apprendre le HTML

Les Tableaux

La balise < table > permet d'insérer un tableau et c'est l'une des balises les plus utilisées (elle est devenue officielle avec la version 3.2 du HTML). En effet, les tableaux permettent une meilleure présentation des informations, nombreux sont les sites qui utilisent les tableaux pour obtenir une mise en page de type "journal".

Création des tableaux

La création des tableaux se passe autour de 4 balises :
- < table > : Définit au navigateur la création d'un tableau
- < th > : Définit l'en-tête de chaque colonne
- < tr > : Définit une ligne
- < td > : Définit une cellule

A noter que la balise qui affiche le titre du tableau possède 2 attributs :
- top : Titre placé au-dessus du tableau (par défaut)
- bottom : Titre placé en dessous du tableau

Bien entendu, toutes ces balises doivent êtres fermées pour indiquer la fin du tableau, d'une colonne ou d'une cellule.

Note : Si vous voulez définir une police de caractère pour le tableau, vous êtes obligé d'en définir pour chaque cellule même si elle est identique, exemple ci-dessous.

< td >< font face="arial" size=1 >Cellule 1< /font >< /td >

Voici un tableau et son code correspondant :

Légende du tableau

Colonne 1	Colonne 2
Cellule 1	Cellule 2
Cellule 3	Cellule 4

< table border=1 >
< caption>Légende du tableau
< tr>
< th>Colonne 1
< th>Colonne 2
< /tr>
< tr>
< td>Cellule 1
< td>Cellule 2
< /tr>
< tr>
< td>Cellule 3
< td>Cellule 4
< /tr>
< /table>