Les listes

Les listes sont utiles lorsque vous voulez présenter plusieurs éléments les uns sous les autres, avec ou sans ordre.

Il existe 3 types de liste (ce qui suit en est d'ailleurs un exemple !) :

Les listes désordonnées

Vous les utiliserez si vous voulez citer plusieurs points sans les numéroter. C'est le cas de la liste ci-dessus.

Syntaxe : <UL> commence la liste, </UL> la termine. Le tag non fermant <LI> ajoute un élément à la liste.

un exemple
codeaspect 
<UL>
<LI> premier item
<LI> deuxi&egrave;me item
<LI> troisi&egrave;me item
</UL>
  • premier item
  • deuxième item
  • troisième item

Les listes ordonnées

Vous devez les utiliser si vous souhaitez établir un classement des différents points. La syntaxe est identique à celle d'une liste non ordonnée, sauf qu'il faut remplacer <UL> par <OL> et </UL> par </OL>

un exemple
codeaspect 
<OL>
<LI> premier item
<LI> deuxi&egrave;me item
<LI> troisi&egrave;me item
</OL>
  1. premier item
  2. deuxième item
  3. troisième item

Les listes de définitions

Elles sont utiles si vous désirez lister une série de termes à définir.

Syntaxe : <DL> pour commencer la liste, </DL> pour la terminer ; <DT> devant chaque terme à définir et <DD> devant chaque définition.

un exemple
codeaspect 
<DL>
<DT>ordinateur
<DD>engin infernal pour faire de l'informatique
<DT>informatique
<DD>technique inutile réservée aux initiés
<DT>>professeur
<DD>personne créée pour faire apprendre l'informatique
</DL>
ordinateur
engin infernal pour faire de l'informatique
informatique
technique inutile réservée aux initiés
professeur
personne créée pour faire apprendre l'informatique

La balise <LH>

Elle est commune à tous les types de listes et permet d'ajouter un titre au début de la liste. Cette balise, non obligatoire, ne se ferme pas. La syntaxe est tout simplement :
<LH> titre de la liste
<LI> les éléments de la liste...

Exercice d'entraînement

Maintenant vous allez essayer de reproduire la page suivante en élaborant son code source HTML.
flècheRetourner au sommaire.