|

Les tableaux (page3) : Exercice

Donnée de l'exercice

• celui-ci doit être centré dans la page et occuper le 80% de la largeur de la fenêtre du navigateur
• largeur des bordures: 10 pixels (attribut CELLSPACING=); épaisseur de l'ombrage: 3 pixels (attribut BORDER=); détachement du texte par rapport aux bords: 5 pixels (attribut CELLPADDING=)
• la première colonne doit faire 80 pixels de large, les 2 autres se partageant le reste de la largeur
• dans les 2 premières lignes d'en-tête et dans la première colonne, le texte doit être en gras et souligné ; dans les autres cellules, il doit être en style normal et justifié à gauche
• réaliser alignement du texte "Xxxxx" au haut de la cellule, alignement du texte "Yyyyy" au bas de la cellule
• définir couleurs de fond
• placer une légende au bas du tableau
• les balises </TR>, </TH>, </TD> sont facultatives, mais il vaut mieux les mettre

Corrigé de l'exercice

<table width="80%" cellspacing="10" cellpadding="5" bgcolor="silver" align="center" border="3">
<caption align="bottom"><strong>Tableau 1</strong> : abc def ghi jkl mno pqr stu vwx yz.</caption>
<tr bgcolor="red">
    <th rowspan="2" width="80">Nnnnnn</th>
    <th colspan="2">Aaaaaaaaaaaaa</th>
</tr>
<tr bgcolor="gray">
    <th width="40%">Bbbbbbbb</th>
    <th width="40%">Cccccccc</th>
</tr>
<tr>
    <th bgcolor="gray">Un</th>
    <td>Blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla
    blabla blabla blabla blabla blabla</td>
    <td valign="top">Xxxxx</td>
</tr>
<tr>
    <th bgcolor="gray">Deux</th>
    <td valign="bottom">Yyyyy</td>
    <td>Blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla
    blabla blabla blabla</td>
</tr>
</table>

|