Apprenez à créer votre siteWeb (Html & Css)

Les listes

Les listes permettent d'organiser une structure à nos textes et mettre en ordre nos infos.

Il existe deux types de listes:

1) Les listes non ordonnées
2) Les listes ordonnées ou listes numérotées

           Liste ordonnée

Une liste ordonnée se presente ainsi:

1. Pain
2. Prestige
3. Jus

C'est un système nous permettant de créer une liste d'éléments en les mettant en ordre. Pour créer une liste de ce genre,ce n'est pas compliqué. Il suffit d'utiliser la balise <ol> qu'on doit refermer après comme ça</ol>

<ol> </ol>

Et, maintenant on va écrire chacun des éléments dans la liste dans deux balises <li> </li>..

Mais, tous les <li> </li> doivent se trouver à l'interieur des balises <ol> </ol>
Si vous êtes troublés, voici un exemple.

Exemple:

<ol>
    <li> Pain </li>
     <li> Prestige </li>
      <li> Jus </li>
</ol>

           Liste non ordonnée

C'est la même chose. Il n'y a qu'un seul changement.. À la place de la balise <ol> </ol> on met <ul> </ul>

Exemple:

<ul>
    <li> Pain </li>
     <li> Prestige </li>
      <li> Jus </li>
</ul>

Le résultat sera ainsi:

. Pain
. Prestige
. Jus

Si vous essayez de taper ces lignes codes dans vos éditeurs de texte, vous verrez les résultats. Pratiquez si vous voulez maitriser les notions.