Liste numérotée

Vous pouvez créer une liste numéroté, en vue d'afficher des éléments dans un ordre précis, comme un ensemble d'instructions ou une table des matières.
L'ensemble de la liste est délimitée par les balises <ol>…</ol>. Chaque élément de la liste étant désigné par la balise <li>.

<ol>…</ol>

Définition d'une liste numérotée (on dit aussi numéroté).

Attributs :

• start : valeur initiale de la numérotation
  
• type : précise le type de numérotation des articles de la liste
  
• value : précise la valeur initiale à attribuer au premier élément de la liste. (comme start et peu utilisé).
  

<li>

Annonce un article dans une liste numérotée ou à puces.

Attributs :

• type : précise le type de puce ou de numérotation des articles de la liste.
  
• value : Précise la valeur courante de l'article dans une liste numérotée. La numérotation des éléments suivants se poursuivra à partir de cette valeur pour ceux qui ne comprennet pas cet attribut.

Exemple :

Liste à puces

Vous pouvez créer une liste à puces afin d'afficher des éléments sans ordre particulier, comme une liste de produits ou de sites Web.
L'ensemble de la liste est délimitée par les balises <ul>…</ul>. Chaque élément de la liste étant désigné par la balise <li>.

<ul>…</ul>

Définition d'une liste non numérotée (on dit aussi à puces).

Attributs :

• type : précise le type de numérotation des articles de la liste : circle, disc, square.
  
• value : précise la valeur initiale à attribuer au premier élément de la liste (peu utilisé).
  

Exemple :

Liste imbriquée

Une liste imbriquée permet de développer un point d'une liste.

Exemple :

Liste de définitions

Il est possible de créer une liste de définitions pour présenter des termes et leur définition. Ce type de liste convient parfaitement aux glossaires. L'ensemble de la liste est délimitée par les balises <dl>…</dl>. Chaque terme à définir est précédé de la balise <dt>. Chaque définition du terme est précédé de la balise <dd>.

Exemple :

Mettre un texte en retrait grâce à une liste

Mettre un texte en retrait permet de faire ressortir des paragraphes sur votre page Web. Dans ce cas là, il suffit d'utliser la balise <ul>…</ul> sans préciser d'élément de liste avec la balise <li>. Le retrait utilisé est un retrait uniquement par rapport à la marge de gauche.

Exemple :

Créer une citation

Vous pouvez afficher un bloc de texte en retrait, afin de distinguer ce passage du reste du texte de votre page Web. Cette fois-ci, le retrait s'effectue à la fois par rapport à la marge de gauche et également par rapport à la marge de droite.

Exemple :

Travaux dirigés

Correction