Les listes en html

Les listes sont utilisées sur les pages web dans plusieurs situations, dans la simple énumération jusqu’à la création de menu, nous les retrouvons partout.

La création de liste en html se fait de manière très simple. Il en existe de deux types :

  • Liste ordonnée
  • Liste non-ordonnée

Liste ordonnée

La liste ordonnée est caractérisée par le faite qu’elle présente des numéros devant chacune des lignes, elle s’écrit de cette manière :

<ol>
     <li>Premier élément</li>
     <li>Premier élément</li>
     <li>Troisième élément
     <ol>
          <li>sous-liste 1</li>
          <li>sous-liste 2</li>
     </ol>
     </li>
</ol>

et se traduit comme ça :

  1. Premier élément
  2. Second élément
  3. Troisième élément
    1. sous-liste 1
    2. sous-liste 2

Il y a pas de piège.

Liste non-ordonnée

La liste non-ordonnée est reconnaissable avec les puces devant chaque lignes :

<ul>
     <li>Premier élément</li>
     <li>Premier élément</li>
     <li>Troisième élément
     <ul>
          <li>sous-liste 1</li>
          <li>sous-liste 2</li>
     </ul>
     </li>
</ul>

et se traduit comme ça :

  • Premier élément
  • Second élément
  • Troisième élément
    • sous-liste 1
    • sous-liste 2

La mise en page, le changements de puces ou de numérotation se fait très bien par feuille de style qui sera vu plus tard.
Voilà un petit truc pour avancer dans la création de votre site.

Laisser un commentaire