|
Les listes et les
définitions :
Comme leur nom l'indique, les listes permettent
de lister des éléments (énumération,
sommaire...).
Il existe deux types de listes, mais dans les deux
cas la structure est la suivante :
<type de liste>
<LI>Premier
element de liste
<LI>Deuxieme
element de liste
…
<LI>Nieme
element de liste
</type de liste>
Listes non ordonnées : marqueur
<UL>
Les listes non ordonnées sont généralement
utilisées lorsque la liste peut être assimilée
à une énumération, c'est à dire que
ces éléments ne doivent pas apparaître dans
un ordre précis. Pour placer des listes non ordonnées,
vous utiliserez le marqueur <UL>.
Le paramètre TYPE du marqueur <UL>
permet de définir le type de puce à utiliser :
TYPE="DISC" La
puce utilisée est un disque.
TYPE="CIRCLE"
La puce utilisée est un cercle.
TYPE="SQUARE"
La puce utilisée est un carré.
Exemple :
<HTML>
<HEAD>
<TITLE>Intégration de listes non ordonnées</TITLE>
</HEAD>
<BODY BGCOLOR="yellow" TEXT="blue">
<P>Ceci est une liste non ordonnée</P>
<UL type="disc">
<LI>Ceci est un élément
de liste avec une puce de type disque.
<LI>Ceci est un deuxième
élément de liste avec une puce de type disque.
</UL>
<UL type="square">
<LI>Ceci est un élément
de liste avec une puce carrée.
<LI>Ceci est un deuxième
élément de liste avec une puce carrée.
</UL>
</BODY>
</HTML>
![[Cliquer ici pour resultat]](../../images/resultat.gif)
Listes ordonnées : marqueur
<OL>
Pour effectuer des listes ordonnées, c'est
à dire numérotées, utilisez le marqueur de type de
liste <OL>.
Le marqueur <OL> possède les paramètres suivants
:
| Attribut |
Valeurs possibles |
Descriptif |
| TYPE |
1
a
A
i
I |
Définit le type de numérotation
(chiffres décimaux, chiffres romains minuscules ou majuscules,
alphabet minuscule ou majuscule).
Numérotation chiffres décimaux
Numérotation alphabétique (lettres minuscules)
Numérotation alphabétique (lettres majuscules)
Numérotation chiffres romains minuscules
Numérotation chiffres romains majuscules |
| START |
nombre décimal |
Valeur de départ de la numérotation |
Exemple :
<HTML>
<HEAD>
<TITLE>Intégration de listes ordonnées</TITLE>
</HEAD>
<BODY BGCOLOR="yellow" TEXT="blue">
<P>Ceci est une liste ordonnée avec numérotation
en chiffres romains</P>
<OL TYPE="I" START="10">
<LI>Ceci est le chapitre 10
<LI>Ceci est la chapitre 11
<LI>Ceci est le chapitre 12
</OL>
</BODY>
</HTML>
Les listes imbriquées
Il est possible d'imbriquer les listes ordonnées
ou non ordonnées les unes dans les autres (listes multi-niveaux).
Exemple :
<HTML>
<HEAD>
<TITLE>Imbrication de listes</TITLE>
</HEAD>
<BODY BGCOLOR="yellow">
<FONT COLOR="red">
<OL TYPE="1">
<LI>Partie 1
<OL
TYPE="a">
<FONT
COLOR="green">
<LI>Chapitre1
<LI>Chapitre2
<UL>
<FONT
COLOR="blue">
<LI>Paragraphe
1
<LI>Paragraphe
2
</FONT>
</UL>
<LI>Chapitre
3
</FONT>
</OL>
<LI>Partie 2
<LI>Partie 3
</OL>
</FONT>
</BODY>
</HTML>
Les listes de définitions
: marqueur <DL>
Aussi appelées listes de glossaire, elles sont utilisées
pour introduire un terme à définir puis le définir.
Exemple :
<HTML>
<HEAD>
<TITLE>Imbrication de listes</TITLE>
</HEAD>
<BODY BGCOLOR="yellow">
<P><FONT SIZE="5" COLOR="#990099">
Voici un glossaire :
</FONT></P>
<DL>
<DT> HTML <DD>
HyperText Markup Language
<DT> Listes de définitions
<DD> Elles sont utilisées
pour définir des termes.
</DL>
</BODY>
</HTML>
![[Page precedente]](../../images/previous.gif)
![[Page suivante]](../../images/next.gif)
|
