Les listes HTML sont utilisées pour spécifier des listes d'informations. Toutes les listes peuvent contenir un ou plusieurs éléments de liste. Il existe trois types différents de listes HTML :

1. Liste ordonnée ou liste numérotée (ol)
2. Liste non ordonnée ou liste à puces (ul)
3. Liste de descriptions ou liste de définitions (dl)

Remarque : Nous pouvons créer une liste à l'intérieur d'une autre liste, qui sera appelée liste imbriquée.

Liste ordonnée HTML ou liste numérotée

Dans les listes HTML ordonnées, tous les éléments de la liste sont marqués par des chiffres par défaut. Il est également connu sous le nom de liste numérotée. La liste ordonnée commence par

balise et les éléments de la liste commencent par
1. étiqueter.

 <ol> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ol> 

Sortir:

1. Bélier
2. Bingo
3. Leo
4. Oracle

Cliquez ici pour plus de détails sur la liste triée HTML. Liste ordonnée HTML

Liste HTML non ordonnée ou liste à puces

Dans la liste HTML non ordonnée, tous les éléments de la liste sont marqués par des puces. Il est également connu sous le nom de liste à puces. La liste Non ordonnée commence par

les éléments de balise et de liste commencent par le
• étiqueter.

 <ul> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ul> 

Sortir:

• Bélier
• Bingo
• Leo
• Oracle

Cliquez ici pour plus de détails sur la liste HTML non ordonnée. Liste HTML non ordonnée

Liste de descriptions HTML ou liste de définitions

La liste de description HTML est également un style de liste pris en charge par HTML et XHTML. Il est également connu sous le nom de liste de définitions où les entrées sont répertoriées comme un dictionnaire ou une encyclopédie.

La liste de définitions est très appropriée lorsque vous souhaitez présenter un glossaire, une liste de termes ou une autre liste de noms-valeurs.

La liste de définitions HTML contient les trois balises suivantes :

1. étiqueter

   définit le début de la liste.
2. étiqueter
   définit un terme.
3. étiqueter
   définit le terme définition (description).

 <dl> <dt>Aries</dt> <dd>-One of the 12 horoscope sign.</dd> <dt>Bingo</dt> <dd>-One of my evening snacks</dd> <dt>Leo</dt> <dd>-It is also an one of the 12 horoscope sign.</dd> <dt>Oracle</dt> <dd>-It is a multinational technology corporation.</dd> </dl> 

Sortir:

Bélier

-Un des 12 signes de l'horoscope.

Bingo

-Une de mes collations du soir

Leo

-C'est aussi l'un des 12 signes de l'horoscope.

Oracle

-C'est une société technologique multinationale.

Cliquez ici pour plus de détails sur la liste de descriptions HTML. Liste de descriptions HTML

Liste imbriquée HTML

Une liste au sein d’une autre liste est appelée liste imbriquée. Si vous souhaitez une liste à puces dans une liste numérotée, ce type de liste sera appelé liste imbriquée.

Code:

 Nested list <p>List of Indian States with thier capital</p> <ol> <li>Delhi <ul> <li>NewDelhi</li> </ul> </li> <li>Haryana <ul> <li>Chandigarh</li> </ul> </li> <li>Gujarat <ul> <li>Gandhinagar</li> </ul> </li> <li>Rajasthan <ul> <li>Jaipur</li> </ul> </li> <li>Maharashtra <ul> <li>Mumbai</li> </ul> </li> <li>Uttarpradesh <ul> <li>Lucknow</li></ul> </li> </ol> 

Sortir:

Navigateurs pris en charge

Élément	Chrome	C'EST À DIRE	Firefox	Opéra	Safari
	Oui	Oui	Oui	Oui	Oui