HTML – les listes

Dans cette partie du cours, nous allons créer des listes. Je commence par créer un titre “Ma liste de fruits et légumes”

a) Créer une liste non-ordonnée

Et ensuite je vais créer ma liste de fruits. Créons là grâce à la balise <ul> puis à l’intérieur de cette balise je peux lui rajouter tous les éléments que je souhaite grâce à la balise <li>

  • <li>Banane</li> 
  • <li>Pomme</li> 
  • <li>Poire</li> 
  • <li>Carrotte</li>

b) Créer une liste ordonnée

Maintenant voyons la liste avec une numérotation, je créé une nouveau title comme <h1>Ma liste des tâches</h1>

Avec le tag <ol> , la même chose que précédemment , j’ajoute des éléments :

  • <li>apprendre à coder</li>
  • <li>Faire du sport</li>
  • <li>Manger sain</li>

Sauvegardons notre page html puis ouvrons la page , voici le résultat :