Les listesIl 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éesUne 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éesUne 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>