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>
![](https://www.comment-devenir-developpeur.com/wp-content/uploads/2020/06/html_liste.jpg)
![](https://www.comment-devenir-developpeur.com/wp-content/uploads/2020/06/html_liste_resultat-1024x316.jpg)
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>
![](https://www.comment-devenir-developpeur.com/wp-content/uploads/2020/06/html_liste_ol.jpg)
Sauvegardons notre page html puis ouvrons la page , voici le résultat :
![](https://www.comment-devenir-developpeur.com/wp-content/uploads/2020/06/html_liste_ol_resultat-1024x364.jpg)