Créer des listes

Structurer des listes en HTML


A partir d’un exercice donné, il m’a été demandé de structurer un texte en plusieurs formats de listes.

Liste ul : liste à puces


Le code pour faire une liste à puces se décline de la façon suivante :

  • Les balises <ul></ul> pour déclarer la liste à puces
  • Les balises <li></li> qui s’insèrent dans les précédentes pour chaque item.
  • Il n’y a pas de limite pour l’imbrication des listes.

Liste ol : liste ordonnée


Le code pour faire une liste ordonnée se décline de la façon suivante :

  • Les balises <ol></ol> pour déclarer la liste ordonnée
  • Les balises <li></li> qui s’insèrent dans les précédentes pour chaque item.
  • La propriété CSS list-style-type est utile pour choisir le type de puce utilisé.
  • Il n’y a pas de limite pour l’imbrication des listes.

Liste dl : liste de descriptions


L’élément HTML <dl> représente une liste de descriptions sous la forme d’une liste de paires associant des termes (fournis par des éléments <dt>)  et leurs descriptions ou définitions (fournies par des éléments <dd>).