Tableaux
Cet exercice vise à approfondir les notions relatives à la réalisation de tableaux. Pour ce faire, vous appliquerez les notions vues en classe et utiliserez les ressources à votre disposition (ex. listes d’éléments, attributs et valeurs du W3C) afin de reproduire les tableaux suivants:
- Exercice 5a : Tableau simple avec titre
- Exercice 5b : Tableau simple avec titre, en-tête, pied et fusion de colonnes
- Exercice 5c : Tableau simple avec titre, fusion de colonnes et fusion de lignes
- Exercice 5d : Tableau simple avec titre, en-tête, pied et regroupement de colonnes
- Le 1er groupe de colonnes est composé de la colonne Date
- Le 2e groupe de colonnes est composé des colonnes Titre et Auteur
- Le 3e groupe de colonnes est composé des colonnes Quantité, Prix unitaire et Prix total
À titre de point de départ, voici un petit rappel de quelques principaux éléments vus en classe :
- Élément de bloc du tableau : <table></table>
- En-tête : <thead></thead>
- Pied : <tfoot></tfoot>
- Corps : <tbody></tbody>
- Titre du tableau : <caption></caption>
- Lignes : <tr></tr>
- Cellules : <td></td>
- Cellules d’en-tête : <th></th>, <td></td>
- Cellules du pied : <th></th>, <td></td>
Astuces
Les navigateurs attribuent par défaut des styles aux différents éléments. Cependant, il faut garder en tête que ces styles pourront par la suite être modifiés par le biais des CSS.
Vous préférez travailler avec une documentation imprimée plutôt qu’avec les ressources disponibles en ligne? Plusieurs ouvrages portant sur XHTML et CSS proposent en annexe des listes d’éléments et attributs que vous pourriez utliser comme aide-mémoire.
Ressources
- Castro, E. (2006). HTML4 avec XHTML et CSS. Paris, CampusPress.
- W3 Schools. W3Schools Online Web Tutorials, [En ligne]. http://www.w3schools.com (Page consultée le 14 janvier 2008).
- W3C. W3C Markup Validation Service, [En ligne]. http://validator.w3.org (Page consultée le 8 janvier 2008).
