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 :
- Pain
- Moutarde
- 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.
