Liste non ordonnée
Fait partie de la section Fundamentals du Journey HTML de Coddy — leçon 12 sur 60.
En HTML, une liste non ordonnée est une liste d'éléments qui ne sont pas ordonnés par des chiffres ou des lettres. À la place, chaque élément est marqué par une puce.
Pour créer une liste non ordonnée, vous utilisez la balise <ul>. Chaque élément de la liste est défini à l'aide de la balise <li>.
Voici comment vous pouvez créer une liste non ordonnée en HTML :
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>Dans cet exemple, la balise <ul> définit la liste non ordonnée, et chaque balise <li> représente un élément de liste. Lorsqu'il est affiché dans un navigateur, ce code créera une liste avec des puces :
- Élément 1
- Élément 2
- Élément 3
Les listes non ordonnées sont utiles pour présenter des éléments dont l'ordre n'a pas d'importance, comme une liste d'ingrédients ou de fonctionnalités.
Défi
FacileCréez un document HTML avec une liste non ordonnée qui contient trois éléments : "Apple", "Banana" et "Orange". (Dans cet ordre)
Aide-mémoire
Pour créer une liste non ordonnée, utilisez la balise <ul> avec les balises <li> pour chaque élément :
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>Les listes non ordonnées affichent les éléments avec des puces et sont utiles lorsque l'ordre n'a pas d'importance.
Essayez vous-même
<!DOCTYPE html>
<html>
<body>
<!-- Écrivez votre code ici -->
</body>
</html>
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Fundamentals
1Les bases du HTML
Qu'est-ce que le HTML ?Structure de base du HTMLBalises et élémentsImbrication et fermeture des balisesCommentaires en HTML7Page de profil personnel
Présentation du projetSection d'en-tête
Photo de profilSection À propos de moiLiens sociaux2Texte et mise en forme
TitresParagraphesSauts de ligneTexte en gras et italiqueGras et italique (suite)Récapitulatif - Mise en forme8Formulaires et champs de saisie, partie 1
Bases des formulairesChamps de texteAttributs des champsChamp de mot de passeLibellés pour les champsRécapitulatif - Formulaire de base11Page d'inscription à un événement
Aperçu du projetSection d'en-têteSection des détails de l'événementFormulaire d'inscriptionSection de pied de page3Travailler avec les listes
Liste non ordonnéeListe ordonnéeListes imbriquéesRécapitulatif - Les listes6Mise en page
DivisionsSpans en ligneBalises sémantiquesSections et articlesRécapitulatif - Mise en page