HTML : Les Listes

Les listes sont des éléments essentiels en HTML pour structurer du contenu de manière claire et organisée.

Elles permettent de regrouper des éléments sous forme de listes ordonnées, non ordonnées ou de définitions.

La principale liste rencontrée sera : 

Les listes non ordonnées (<ul>, <li>)

Les listes non ordonnées affichent des éléments précédés de puces (points, carrés, cercles).

Exemple :

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JS</li>
</ul>

Il est possible d’imbriquer des listes à l’intérieur d’un élément <li> :

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>
    JavaScript
    <ul>
      <li>Vanilla</li>
      <li>React</li>
      <li>Next.js</li>
    </ul>
  </li>
</ul>

Ici, nous avons une sous-liste qui précise les différentes variantes de JavaScript.

Conclusion

Les listes sont des outils essentiels pour organiser du contenu en HTML.

Elles permettent de structurer l’information de manière hiérarchique et peuvent être stylisées avec CSS pour une meilleure présentation.

En maîtrisant ces éléments, vous optimiserez la lisibilité et l’accessibilité de vos pages web.

N’hésitez pas à tester ces différentes balises et à expérimenter avec les styles CSS ! 🎨