Construire des tableaux - balise table

En HTML, un tableau est construit avec 3 couples de balises :

• <table> et </table> : délimite le début et la fin du tableau

• <tr> et </tr> : délimite le les lignes à l'intérieur du tableau

• <td> et </td> : délimite les cellules à l'intérieur d'une ligne

<table> <!-- début du tableau -->

<tr><td>1ère cellule de la 1ère ligne </td><td>2ème cellule de la 1ère ligne</td> </tr>

<tr><td>1ère cellule de la 2ème ligne </td><td>2ème cellule de la 2ème ligne</td> </tr>

</table> <!-- fin du tableau -->

Seules les cellules (délimitées par <td>...</td>) peuvent contenir du texte.

Il est possible d'ajouter une ligne d'entête (optionnelle) en haut du tableau. Elle est notée <thead>, et les cellules qui la composent sont délimités par des balises <th>, comme ceci :

<table> <!-- début du tableau -->

<thead><th>1ère cellule de la ligne d'entête </th><th>2ème cellule de l'entête</th></thead>

<tr><td>1ère cellule de la 1ère ligne </td><td>2ème cellule de la 1ère ligne</td> </tr>

<tr><td>1ère cellule de la 2ème ligne </td><td>2ème cellule de la 2ème ligne</td> </tr>

</table> <!-- fin du tableau -->

Dans le navigateur, le texte des cellules <th> apparaîtra généralement en gras.

Il existe d’autres balises de tableau (<tfoot>, <tbody>, <caption>...), mais nous ne les étudions pas dans ce mémo. Pour plus d’informations, faîtes une recherche sur internet ou dans les livres spécialisés.

Que sont le XHTML et le CSS ?Structure d'une page HTMLLes balises d?entête, head, title, meta...Les balises de corps de page, entre les balises bodyAjouter une image dans la page : balise img (type inline ou block) Insérer des liens : balise a (type inline)Afficher une listeConstruire des tableaux - balise tableCréer des formulaires Les balises universelles : div et spanOù placer le code CSS ?Comment modifier une balise en particulier ?Modifier l'aspect du texteGestion de l'arrière-plan (coloré ou avec des images)Mise en forme du texte : word-spacing , letter-spacing, vertical-align, text-alignMise en forme des balises de type blockLes borduresMise en forme des listesPositionner des blocs HTML à l'écranDébordement d'un bloc HTML : overflowChanger l'aspect de la souris : cursorCas pratique : mise en page à 2 ou 3 colonnesLargeur de site fixe ou variable ?Insertion d'une animation flashInsertion d'une vidéoInsérer un fichier audio

Pour plus d'informations, vous pouvez nous contacter par mail.