Page précédente Home Page suivante

LA BALISE <DIV>

La balise <DIV> (pour division) peut être utilisée pour diviser un document en plusieurs sections qui seront, par exemple, alignées chacune d'une façon différente. Dans les premiers navigateurs,cette balise ne possédait d'ailleurs qu'un seul attribut :Align
avec trois valeurs possibles : center, right, left ou justify

<DIV Align="center" > .............. </DIV>


La balise <DIV> est assez similaire à la balise <SPAN> pour ce qui concerne sa fonction, avec cependant une distinction importante : <DIV> est une balise encadrant tout un "bloc" du document (block-level element).Elle occasionne un saut de ligne. Elle peut contenir des paragraphes, des titres, des tableaux, et même d'autres divisions. Ce qui fait de <DIV>, la balise idéale pour marquer différentes sortes de blocs tel qu'un chapitre, un résumé ou une note.

Par exemple :

<DIV CLASS=note >
<H1> Division </H1>
<P> Le conteneur DIV est apparu avec HTML 3.2, mais seul l'attribut ALIGN était autorisé.
La version suivante de HTML, Cougar, ajoute notamment les attributs CLASS, STYLE et ID, parmi d'autres. </P>
<P> Depuis DIV peut contenir d'autres conteneurs de bloc, il est très utile pour marquer de grandes
sections d'un document, telle que cette note. </P>
<P> la balise de fermeture est obligatoire. </P>
</DIV>

Les feuilles de style : l'attribut CLASS

L'attribut CLASS est utilisé pour appeler des classes définissant des balises spécifiques.

Entre les balises <STYLE> </STYLE> , trois classes sont définies : titre, paragraphe et note :

	P EM  { background: yellow; color: black }

  	.note { margin-left: 5em; margin-right: 5em }

	.titre     { color: lime; background: #ff80c0 }

	P.paragraphe { font-weight: bolder; color: red; text-decoration: underline}

Dans le corps du document, entre les balises <BODY>,pour une balise spécifique (ici <H1> et <P>) on pourra appeler ces classes de la façon suivante:

<H1 CLASS=titre>

<P CLASS=texte>

Exemples:

Utilisation de la classe note (indentation à gauche et à droite )

Utilisation de la définition de style pour les balises <P> et <EM>


Ces quelques exemples très simples vous donnent un aperçu de l'utilisation de l'attribut CLASS, dans une feuille de style insérée dans un document HTML. Ce type d'utilisation est intéressant si l'ensemble de votre page a un style unique. Si la même feuille de style est utilisée pour plusieurs pages (documents HTML), il faut utiliser une feuille de style externe (fichier *.css)

Emploi de justify en HTML

Ce premier texte est encadré par les balises <P>... </P>

Cette page utilise quelques uns des concepts de base des feuilles de style. Pour de plus amples informations sur les spécifications des CSS, reportez-vous au document officiel "HTML 4.0 : Spécifications , du 18/12/1997".    Les feuilles de style peuvent être introduites dans une page Web de trois façons différentes : - en utilisant un fichier externe (*.css) - en appliquant les attributs à une section spécifique du document. - la méthode utilisée dans cette page consiste à déclarer les styles entre les balises <STYLE> et </STYLE>dans la partie entête du fichier HTML (HEAD)    Le mécanisme d'association d'une feuille de style à un document est indépendant du langage des feuilles de style.

Ce deuxième texte est encadré par les balises <P Align="justify">... </P>

Cette page utilise quelques uns des concepts de base des feuilles de style. Pour de plus amples informations sur les spécifications des CSS, reportez-vous au document officiel "HTML 4.0 : Spécifications , du 18/12/1997".    Les feuilles de style peuvent être introduites dans une page Web de trois façons différentes : - en utilisant un fichier externe (*.css) - en appliquant les attributs à une section spécifique du document. - la méthode utilisée dans cette page consiste à déclarer les styles entre les balises <STYLE> et </STYLE>dans la partie entête du fichier HTML (HEAD)    Le mécanisme d'association d'une feuille de style à un document est indépendant du langage des feuilles de style.

Ce troisième texte est encadré par les balises <DIV>... </DIV>

Cette page utilise quelques uns des concepts de base des feuilles de style. Pour de plus amples informations sur les spécifications des CSS, reportez-vous au document officiel "HTML 4.0 : Spécifications , du 18/12/1997".    Les feuilles de style peuvent être introduites dans une page Web de trois façons différentes : - en utilisant un fichier externe (*.css) - en appliquant les attributs à une section spécifique du document. - la méthode utilisée dans cette page consiste à déclarer les styles entre les balises <STYLE> et </STYLE>dans la partie entête du fichier HTML (HEAD)    Le mécanisme d'association d'une feuille de style à un document est indépendant du langage des feuilles de style.

Ce quatrième texte est encadré par les balises <DIV Align="justify">... </DIV>

Cette page utilise quelques uns des concepts de base des feuilles de style. Pour de plus amples informations sur les spécifications des CSS, reportez-vous au document officiel "HTML 4.0 : Spécifications , du 18/12/1997".    Les feuilles de style peuvent être introduites dans une page Web de trois façons différentes : - en utilisant un fichier externe (*.css) - en appliquant les attributs à une section spécifique du document. - la méthode utilisée dans cette page consiste à déclarer les styles entre les balises <STYLE> et </STYLE>dans la partie entête du fichier HTML (HEAD)    Le mécanisme d'association d'une feuille de style à un document est indépendant du langage des feuilles de style.

1ère remarque : justify est pris en compte en HTML pur , à partir du navigateur IE 3.02, avec les balises telles que DIV ou P, comme valeur de l'attribut Align.

Emploi de justify avec les feuilles de style

Ce cinquième texte est encadré par les balises <DIV Style="text-align: justify">... </DIV>

Cette page utilise quelques uns des concepts de base des feuilles de style. Pour de plus amples informations sur les spécifications des CSS, reportez-vous au document officiel "HTML 4.0 : Spécifications , du 18/12/1997".    Les feuilles de style peuvent être introduites dans une page Web de trois façons différentes : - en utilisant un fichier externe (*.css) - en appliquant les attributs à une section spécifique du document. - la méthode utilisée dans cette page consiste à déclarer les styles entre les balises <STYLE> et </STYLE>dans la partie entête du fichier HTML (HEAD)    Le mécanisme d'association d'une feuille de style à un document est indépendant du langage des feuilles de style.

2ème remarque : justify est pris en compte dans les feuilles de style , comme valeur de l'attribut text-align avec les balises telles que DIV, P, Hx