Les listes
Le sommaire :
Pour créer une liste non numérotée, vous devez utiliser l’élément UL.
Cette liste équivaut aux puces utilisées dans le logiciel de traitement de texte WORD.
On utilise la balise <UL> pour débuter la description d’une liste, et la balise <LI> pour l’écriture de chacun des items qui compose la liste.
La syntaxe :
<UL>
<LI>Nom de l’item1</LI>
<LI>Nom de l’item2</LI>
<LI>Nom de l’item3</LI>
</UL>
La description :
<UL> : Balise de début de description de la liste.
<LI> : Balise de début d’écriture d’un item.
</LI> : Marqueur de fin de balise d’écriture d’un item.
Remarque : Vous devez employer autant de balise <LI> que d’items à spécifier dans la liste.
</UL> : Marqueur de fin de balise de description de la liste.
L’exemple qui suit présente une liste contenant 3 items :
<HTML>
<HEAD>
<TITLE>Les systèmes d'exploitation</TITLE>
</HEAD>
<BODY>
<H1>Présentation d'une liste de système d'exploitation</H1>
<P></P>
<UL>
<LI>WINDOWS
XP</LI>
<LI>UNIX</LI>
<LI>OPEN VMS</LI>
</UL>
<P></P>
<P>Merci de votre visite...</P>
</BODY>
</HTML>
Pour créer une liste numérotée, vous devez utiliser l’élément OL.
Cette liste équivaut aux puces numérotées utilisées dans le logiciel de traitement de texte WORD.
On utilise la balise <OL> pour débuter la description d’une liste, et la balise <LI> pour l’écriture de chacun des items qui compose la liste.
La syntaxe :
<OL>
<LI>Nom de l’item1</LI>
<LI>Nom de l’item2</LI>
<LI>Nom de l’item3</LI>
</OL>
La description :
<OL> : Balise de début de description de la liste.
<LI> : Balise de début d’écriture d’un item.
</LI> : Marqueur de fin de balise d’écriture d’un item.
Remarque : Vous devez employer autant de balise <LI> que d’items à spécifier dans la liste.
</OL> : Marqueur de fin de balise de description de la liste.
L’exemple qui suit présente une liste contenant 9 items :
<HTML>
<HEAD>
<TITLE>Le
système solaire</TITLE>
</HEAD>
<BODY>
<H1>Les planètes par ordre d'éloignement du soleil</H1>
<P></P>
<OL>
<LI>Mercure</LI>
<LI>Vénus</LI>
<LI>La Terre</LI>
<LI>Mars</LI>
<LI>Jupiter</LI>
<LI>Saturne</LI>
<LI>Uranus</LI>
<LI>Neptune</LI>
<LI>Pluton</LI>
</OL>
<P></P>
<P>Merci de votre visite...</P>
</BODY>
</HTML>
Une liste descriptive permet de définir une présentation de type lexique.
Pour chaque item écrit après la balise <DT>, correspond une description écrite après la balise <DD>.
La syntaxe :
<DL>
<DT>Item1<DD>Description1.
<DT>Item2<DD>Description2.
<DT>Item3<DD>Description3.
</DL>
La description :
<DL> : Balise de début de l’écriture de la liste.
<DT> : Balise d’écriture d’un item.
<DD> : Balise d’écriture de la description de l’item qui vient d’être précédemment écrit.
</DL> : Marqueur de fin de balise de l’écriture de la liste.
Voici un exemple qui présente une liste de 9 item :
<HTML>
<HEAD>
<TITLE>Le système solaire</TITLE>
</HEAD>
<BODY>
<H1>Les planètes par ordre d'éloignement du soleil</H1>
<P></P>
<DL>
<DT>Mercure<DD>Planète dépourvu d'atmosphère. Sa surface est composée d'une croûte terrestre.
<DT>Vénus<DD>La surface de cette planète est recouverte d'une croûte terrestre et d'une atmosphère. la chaleur qui règne à sa surface est importante. Vénus est régulièrement bombardée de pluie d'acide.
<DT>La Terre<DD>Magnifique planète recouverte d'océan sur 71 pour cent de sa surface. Les autres 29 pour cent sont partagés en végétaux et espèces animales.
<DT>Mars<DD>Planète froide recouverte d'une croûte terrestre. La planète rouge conserve encore bien des mystères...
<DT>Jupiter<DD>Planète inhospitalière recouverte d'un océan d'hydrogène liquide d'une profondeur de 1000 kilomètres. Jupiter est en permanence secouée par des vents de plusieurs milliers de kilomètres par heure.
<DT>Saturne<DD>Comparable en tout genre à sa proche voisine, Jupiter, Saturne est encerclée par un magnifique anneau composé de satellites et de roches.
<DT>Uranus<DD>Planète géante de glace.
<DT>Neptune<DD>Planète également recouverte d'un manteau de glace épais.
<DT>Pluton<DD>Planète la plus éloignée du système solaire. Pluton est également recouverte d'un manteau de glace.
</DL>
<P></P>
<P>Merci de votre visite...</P>
</BODY>
</HTML>
Philippe BOULANGER