Menu

Liste HTML (UL LI - OL LI)

Posez votre question

Liste HTML


Une liste est un paragraphe structuré contenant une suite d'articles. Le langage HTML définit trois types de listes :


OL LI : Liste ordonnée



Conteneur Type de liste Effet Visuel
<ol>
<li> article 1 </li> 
<li> article 2 </li> 
</ol>
Liste ordonnée

1. article 1
2. article 2
3. article 3

UL LI : Liste non ordonnée



Conteneur Type de liste Effet Visuel
<ul> 
<li> article 1 </li> 
<li> article 2 </li> 
</ul> 
Non ordonnée
  • article 1
  • article 2
  • article 3

DT DD : Liste de définition




Conteneur Type de liste Effet Visuel
<dl>
     <dt>Terme</dt>  
     <dd>Définition</dd> 
</dl> 
De définition<dl>
<dt>article 1</dt>
<dd>définition 1</dd>
<dt>article 2</dt>
<dd>définition 2</dd>
</dl>

Attributs



Il existe des attributs spécifiques aux listes:

Attribut Valeur Effet Visuel
COMPACTresserre l'interligne
PLAINsupprime les puces
SEQNUMdéfinit le premier numéro
STARTdéfinit le premier numéro
CONTINUErepart du numéro où il s'était arrété
à la liste précédente
TYPE (pour les listes ordonnées)1

A

a

I

i

numérotation chiffrée (par défaut)

numérotation en capitales

numérotation en bas de casse

numérotation en chiffres romains (I, II, III, IV ...)

numérotation en chiffres romains en bas de casse

TYPE (pour les listes non-ordonnées)circle
square
disc
puce circulaire
puce carrée
puce en disque
Jean-François Pillou

Cet article est régulièrement mis à jour par des experts sous la direction de Jean-François Pillou, fondateur de CommentCaMarche et directeur délégué au développement numérique du groupe Figaro.

En savoir plus sur l'équipe CCM

A voir également

Dernière modification le mercredi 2 janvier 2013 à 13:30:37 par Jean-François Pillou.

Ce document intitulé «  Liste HTML (UL LI - OL LI)  » issu de CommentCaMarche (https://www.commentcamarche.net/) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.