Les llistes HTML s'utilitzen per especificar llistes d'informació. Totes les llistes poden contenir un o més elements de llista. Hi ha tres tipus diferents de llistes HTML:

1. Llista ordenada o llista numerada (ol)
2. Llista no ordenada o llista amb pics (ul)
3. Llista de descripció o llista de definicions (dl)

Nota: podem crear una llista dins d'una altra llista, que s'anomenarà llista imbricada.

Llista ordenada HTML o llista numerada

A les llistes HTML ordenades, tots els elements de la llista estan marcats amb números per defecte. També es coneix com a llista numerada. La llista ordenada comença amb

etiqueta i comencen els elements de la llista
1. etiqueta.

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

Sortida:

1. Àries
2. Bingo
3. Leo
4. Oracle

Feu clic aquí per obtenir els detalls complets de la llista ordenada HTML. Llista ordenada HTML

Llista HTML no ordenada o llista amb vinyetes

A la llista HTML no ordenada, tots els elements de la llista estan marcats amb vinyetes. També es coneix com a llista amb vinyetes. La llista no ordenada comença amb

Els elements d'etiqueta i llista comencen amb
• etiqueta.

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

Sortida:

• Àries
• Bingo
• Leo
• Oracle

Feu clic aquí per obtenir els detalls complets de la llista HTML no ordenada. Llista HTML no ordenada

Llista de descripcions HTML o Llista de definicions

La llista de descripció HTML també és un estil de llista compatible amb HTML i XHTML. També es coneix com a llista de definicions on les entrades s'enumeren com un diccionari o una enciclopèdia.

La llista de definicions és molt adequada quan es vol presentar un glossari, una llista de termes o una altra llista de valors de nom.

La llista de definicions HTML conté les tres etiquetes següents:

1. etiqueta

   defineix l'inici de la llista.
2. etiqueta
   defineix un terme.
3. etiqueta
   defineix el terme definició (descripció).

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

Sortida:

Àries

-Un dels 12 signes de l'horòscop.

Bingo

-Un dels meus berenars

Leo

-També és un dels 12 signes de l'horòscop.

Oracle

-És una empresa tecnològica multinacional.

Feu clic aquí per obtenir els detalls complets de la llista de descripcions HTML. Llista de descripció HTML

Llista niuada HTML

Una llista dins d'una altra llista s'anomena llista imbricada. Si voleu una llista amb vinyetes dins d'una llista numerada, aquest tipus de llista s'anomenarà llista imbricada.

Codi:

 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> 

Sortida:

Navegadors compatibles

Element	Chrome	IE	Firefox	Òpera	Safari
	Sí	Sí	Sí	Sí	Sí