Les listes

Les listes
Il y a moyen de placer des elments sous former de lsites leur donnant alors une dispostion bien précise et très agréable.
ILexistes deux types de listes la liste que l'on appellera ordonnées et la listes que l'on appellara non ordonnée.

Listes ordonnées

Une liste ordonnée est représentée sous forme de numérotation.
La balise ol caractérise une liste ordonnée et la balise li représente un élement d'une liste ordonnée.
Donc une liste ordonnée type se présenter de la manière suivante :

Code:

<ol><li>premier element<li>deuxième element</ol>

Il est possible de changer la facon de numéroter.
Voici les différentes numérotation:
-Numérotation numérale arabe(par défaut)

Code:

<ol type="1"><li>premier element<li>deuxième element</ol>

-Numérotation numérale romaine

Code:

<ol type="I"><li>premier element<li>deuxième element</ol>

-Numérotaiton alphabétique minuscule

Code:

<ol type="a"><li>premier element<li>deuxième element</ol>

-Numérotaiton alphabétique majuscule

Code:

<ol type="A"><li>premier element<li>deuxième element</ol>

Listes non ordonnées

Une liste ordonnée est représentée sous forme de puces introduisant chaques éléments.
La balise ul caractérise une liste non ordonnée et la balise li représente un élement d'une liste non ordonnée.
Donc une liste non ordonnée type se présenter de la manière suivante :

Code:

<ul><li>premier element<li>deuxième element</ul>

Il est possilbe de modifier la puce par défaut par uen autre puce de base ou par une image.
Voici les différentes possibilité.
-Puce représentant un disque remplit (par défaut)

Code:

<ul type="disc"><li>premier element<li>deuxième element</ul>

-Puce représentant un disque non remplit

Code:

<ul type="circle"><li>premier element<li>deuxième element</ul>

-Puce répresentant un carré

Code:

<ul type="square"><li>premier element<li>deuxième element</ul>

-Puce définie dans un lien

Code:

<ul src="url de l'image"><li>premier element<li>deuxième element</ul>