Liste HTML (UL LI - OL LI)

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
COMPACT resserre l'interligne
PLAIN supprime les puces
SEQNUM définit le premier numéro
START définit le premier numéro
CONTINUE repart 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
Cet article est régulièrement mis à jour par des experts sous la
direction de Jean-François Pillou, fondateur de CommentCaMarche.
A voir également
Ce document intitulé « Liste HTML (UL LI - OL LI) » issu de Comment Ça Marche (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.