Les listes vont vous permettre de créer une arborescence à l'intérieur de votre site. Elle vous permettre par exemple de créer un sommaire ... Il existe 2 types de listes différentes :

les listes à puces :

Elles commencent toujour par la balise <ul> et </ul>. A l'intérieur de cette balise vous allez commencer à saisir votre en entourant les éléments de votre liste par les balises <li> et </li>. Vous pouvez ajouter un attribut "type" à la balise principal <ul> qui déterminera le type de puces (rond vide, rond plein, carré ...)

Exemple :

• Pain

• Moutarde

• Cornichon

Voici le code qui permet de créer la liste précédente

<ul>
<li><p class="justifier">Pain</p></li>
<li><p class="justifier">Moutarde</p></li>
<li><p class="justifier">Cornichon</p></li>
</ul>

Les listes numérotés

Elles commencent toujour par la balise <ol> et </ol>. A l'intérieur de cette balise vous allez commencer à saisir votre en entourant les éléments de votre liste par les balises <il> et </il>. Vous pouvez ajouter un attribut "type" à la balise principal <ol> qui déterminera le type de numéro (chiffres ou lettres)

Exemple :

1. Pain

2. Moutarde

3. Cornichon

Voici le code qui permet de créer la liste précédente

<ol>
<li><p class="justifier">Pain</p></li>
<li><p class="justifier">Moutarde</p></li>
<li><p class="justifier">Cornichon</p></li>
</ol>

Pour résumer les balises <ul> </ul> et <ol> </ol> indique le début et la fin de la liste. La balise <li> et </li> indique les éléments de la liste.

Si vous souhaitez faire un lien de ce tutoriel vers votre site, utilisez le code html suivant :