HTML-lijsten worden gebruikt om lijsten met informatie op te geven. Alle lijsten kunnen een of meer lijstelementen bevatten. Er zijn drie verschillende soorten HTML-lijsten:

1. Geordende lijst of genummerde lijst (ol)
2. Ongeordende lijst of lijst met opsommingstekens (ul)
3. Beschrijvingslijst of definitielijst (dl)

Opmerking: we kunnen een lijst maken binnen een andere lijst, die geneste lijst wordt genoemd.

HTML-geordende lijst of genummerde lijst

In de geordende HTML-lijsten zijn alle lijstitems standaard gemarkeerd met cijfers. Het staat ook bekend als een genummerde lijst. De geordende lijst begint met

tag en de lijstitems beginnen met
1. label.

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

Uitgang:

1. Ram
2. Bingo
3. Leeuw
4. Orakel

Klik hier voor volledige details van de HTML-bestellijst. HTML-bestellijst

HTML-ongeordende lijst of lijst met opsommingstekens

In de HTML-niet-geordende lijst zijn alle lijstitems gemarkeerd met opsommingstekens. Het wordt ook wel een lijst met opsommingstekens genoemd. De ongeordende lijst begint met

tag- en lijstitems beginnen met de
• label.

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

Uitgang:

• Ram
• Bingo
• Leeuw
• Orakel

Klik hier voor volledige details van de HTML-ongeordende lijst. HTML-ongeordende lijst

HTML-beschrijvingslijst of definitielijst

HTML-beschrijvingslijst is ook een lijststijl die wordt ondersteund door HTML en XHTML. Het is ook bekend als definitielijst, waarin vermeldingen worden weergegeven als een woordenboek of encyclopedie.

De definitielijst is zeer geschikt als u een woordenlijst, een lijst met termen of een andere lijst met namen en waarden wilt presenteren.

De HTML-definitielijst bevat de volgende drie tags:

1. label

   definieert het begin van de lijst.
2. label
   definieert een term.
3. label
   definieert de term definitie (beschrijving).

 <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> 

Uitgang:

Ram

-Een van de 12 horoscooptekens.

Bingo

-Een van mijn avondhapjes

Leeuw

-Het is ook een van de 12 horoscooptekens.

Orakel

-Het is een multinationaal technologiebedrijf.

Klik hier voor volledige details van de HTML-beschrijvingslijst. HTML-beschrijvingslijst

HTML-geneste lijst

Een lijst binnen een andere lijst wordt een geneste lijst genoemd. Als u een lijst met opsommingstekens binnen een genummerde lijst wilt, wordt een dergelijk type lijst een geneste lijst genoemd.

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> 

Uitgang:

Ondersteunende browsers

Element	Chroom	D.W.Z	Firefox	Opera	Safari
	Ja	Ja	Ja	Ja	Ja