Les divisions

Une division est un bloc qui peut regrouper d'autres blocs

a) La balise <div> contenu </div>

Cette balise se comporte comme un paragraphe <p>, à la différence que la
balise div peut contenir d'autres balises de type bloc.
<div> <p> texte et texte et texte <p>
<p> texte et texte et texte <p>
<p> texte et texte et texte <p>
<img src="image.gif" alt="texte de remplacement" />
</div>

b) La balise div peut être placée un peu partout dans une page Web.
Cette balise, conjuguée avec des règles de style peut être utilisée comme un
calque. En effet le CSS permet d'attribuer des propriétés à un élément html
(bloc enfant) qui le positionnera en mode relatif ou absolu par rapport au bloc
parent et de plus il sera aussi possible de choisir son plan dans l'axe Z
(profondeur) et ainsi déterminer quel élément superpose lequel.

c) Habituellement une division est considérée comme un élément unique d'une

page html, on lui attribue un nom unique par un identificateur :
La propriété html qui permet d'identifier une balise est ID et le sélecteur CSS
qui pourra appliquer la règle de style à cet élément est appelé
IDENTIFICATEUR.
Dans le code html de la page :
<div id="entete"> contenu du bloc </div>
Dans le code de la feuille de style :
#entete { width:80%; margin:10px;….}

Marc Chapdelaine 2009-05-20 page 1

Création Web / Mise en page Internet I