Sommaire

Les blocs et leur position à l’écran

La mise en page par le code HTML est simplement le fait de positionner des blocs à l’endroit souhaité. Le sujet a été abordé au chapitre HTML - section Méthode et balises pour structurer une page et va être développé ici en combinant HTML et CSS.

1. Les tableaux Tableaux

Ils ont longtemps été la méthode principale pour disposer le contenu d’une page. La méthode consistait à créer un tableau, et dans une cellule du tableau insérer un autre tableau, qui lui-même pouvait contenir un ou des tableaux.

C’était efficace mais il fallait s’y retrouver dans le code car tous ces tableaux imbriqués faisaient que parfois il était difficile de savoir sur quel tableau on était en train de travailler.

Repartons de l’exemple avec les fruits et légumes, vu au chapitre HTML - section Méthode et balises pour structurer une page, et voyons comment obtenir cette apparence pour notre tableau. Cet exemple peut être observé via le fichier 6_1_1_Tableaux.html.

images/06RI01.png
<table id="fruitsLegumes"> 
    <tr> 
        <td rowspan="7" class="titreGauche">V E N T E S &nbsp; 2  
0 1 4</td> 
        <th colspan="2" class="titre">Livraison <br />Fruits et  
légumes</th> 
    ...