Création et Utilisation des Listes en HTML

Les listes sont utilisées pour organiser et présenter des informations dans un format structuré. Il existe deux principaux types de listes : listes non ordonnées (<ul>) et listes ordonnées (<ol>).

Listes non ordonnées

Les listes non ordonnées présentent les éléments sous forme de points. Chaque élément de la liste est défini à l'aide de la balise <li> (élément de liste). Les listes non ordonnées sont généralement utilisées lorsque l'ordre des éléments n'est pas important.
Exemple :

index.html

Dans l'exemple ci-dessus :

La liste non ordonnée (<ul>) affiche les éléments avec des points de puce.

Listes ordonnées

Les listes ordonnées affichent les éléments dans une séquence numérotée. Chaque élément de la liste est défini à l'aide de la balise <li> (élément de liste). Les listes ordonnées sont utilisées lorsque l'ordre des éléments est important et doit être mis en avant.
Exemple :

index.html

Dans l'exemple ci-dessus :

La liste est ordonnée (<ol>), affichant les éléments avec des numéros.

Listes imbriquées

Les listes peuvent également être imbriquées les unes dans les autres pour créer des structures hiérarchiques. Cela signifie qu'un élément de liste (<li>) à l'intérieur d'une liste (<ul> ou <ol>) peut lui-même contenir une autre liste. Ceci est utile pour organiser des informations complexes en plusieurs niveaux de hiérarchie.
Exemple :

index.html

Dans l'exemple ci-dessus :

Le deuxième élément de la liste ("Main item 2") contient une liste non ordonnée imbriquée (<ul>), créant ainsi une structure hiérarchique ;
Chaque liste imbriquée (<ul>) est indentée pour indiquer visuellement son niveau hiérarchique.

Tutoriel vidéo

1. Quelle balise est utilisée pour créer des listes non ordonnées ?

2. Quand utiliser une liste ordonnée plutôt qu'une liste non ordonnée ?

3. Quelle balise manque dans les espaces vides (___) ?

Quelle balise est utilisée pour créer des listes non ordonnées ?

Select the correct answer

<ol>

<ul>

<li>

Quand utiliser une liste ordonnée plutôt qu'une liste non ordonnée ?

Select the correct answer

Lorsque l'ordre des éléments est important.

Lors de l'organisation d'informations complexes en plusieurs niveaux de hiérarchie.

Pour mettre en avant l'importance des éléments.

Quelle balise manque dans les espaces vides (___) ?

Select the correct answer

ol

li

p

h2

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 7

Demandez à l'IA

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 3.13

Création et Utilisation des Listes en HTML

Glissez pour afficher le menu

Listes non ordonnées

index.html

Dans l'exemple ci-dessus :

La liste non ordonnée (<ul>) affiche les éléments avec des points de puce.

Listes ordonnées

index.html

Dans l'exemple ci-dessus :

La liste est ordonnée (<ol>), affichant les éléments avec des numéros.

Listes imbriquées

index.html

Dans l'exemple ci-dessus :

Le deuxième élément de la liste ("Main item 2") contient une liste non ordonnée imbriquée (<ul>), créant ainsi une structure hiérarchique ;
Chaque liste imbriquée (<ul>) est indentée pour indiquer visuellement son niveau hiérarchique.

Tutoriel vidéo

1. Quelle balise est utilisée pour créer des listes non ordonnées ?

2. Quand utiliser une liste ordonnée plutôt qu'une liste non ordonnée ?

3. Quelle balise manque dans les espaces vides (___) ?

Quelle balise est utilisée pour créer des listes non ordonnées ?

Select the correct answer

<ol>

<ul>

<li>

Quand utiliser une liste ordonnée plutôt qu'une liste non ordonnée ?

Select the correct answer

Lorsque l'ordre des éléments est important.

Lors de l'organisation d'informations complexes en plusieurs niveaux de hiérarchie.

Pour mettre en avant l'importance des éléments.

Quelle balise manque dans les espaces vides (___) ?

Select the correct answer

ol

li

p

h2

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 7