Langage html : Les listes et les paragraphes

Les prérequis

1 - Un bloc note ou logiciel HTML (ex : Dreamweaver, Frontpage, ...)
2 - Du temps et de l'imagination
3 - Les bases de la structure Html
4 - Mise en forme

Présentation

Une page bien organisée est plus facile à lire et plus intéressante :

Les paragraphes et retour à la ligne

Il y à deux manières de passer à la ligne :

a - Le Paragraphe :

Permet d'aérer un document en y insérant des paragraphes dont le début va être signalé par la balise <P> et la fin par la balise </P>.

Le principale attribut de cette balise est ALIGN qui prendra les valeurs (left, right, center)

Exemple :

<P ALIGN="center"> *****au centre***** </P> donne :

Résultat :

*****au centre*****

b - Le retour à la ligne :

Contrairement au paragraphe il n'aère pas mais donne le contenu du paragraphe. Il est différencier principalement par l'écart verticale entre deux lignes.

Exemple :

Première ligne <BR> Ligne en dessous

Résultat :

Première ligne
Ligne en dessous

Les listes

Il existe deux type de listes :

1- Listes à puces : <UL>  </UL>

<UL>
    <LI> Un </LI>
    <LI> Deux </LI>
    <LI> Trois </LI>
</UL>

Résultat :

• Un
• Deux
• Trois

2- Liste numérotées : <OL>  </OL>

<OL>
    <LI> Un </LI>
    <LI> Deux </LI>
    <LI> Trois </LI>
</OL>

Résultat :

1. Un
2. Deux
3. Trois

Elles peuvent être imbriquées mais cela devient plus complexe mais aussi plus beau.

<OL>
    <LI> Un <UL>
                 <LI> Point 1 </LI>
                 <LI> Point 2 </LI>
                 <LI> Point 3 </LI>
             </UL> </LI>
    <LI> Deux </LI>
    <LI> Trois </LI>
</OL>

Résultat :

1. Un
   • Point 1
   • Point 2
   • Point 3
2. Deux
3. Trois