Listele HTML sunt folosite pentru a specifica liste de informații. Toate listele pot conține unul sau mai multe elemente de listă. Există trei tipuri diferite de liste HTML:

1. Listă ordonată sau listă numerotată (ol)
2. Lista neordonată sau Lista cu marcatori (ul)
3. Lista de descriere sau Lista de definiții (dl)

Notă: Putem crea o listă în interiorul unei alte liste, care va fi denumită Listă imbricată.

Lista ordonată HTML sau Listă numerotată

În listele HTML ordonate, toate elementele din listă sunt marcate implicit cu numere. Este cunoscută și ca listă numerotată. Lista ordonată începe cu

eticheta și elementele din listă încep cu
1. etichetă.

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

Ieșire:

1. Berbec
2. Bingo
3. Leu
4. Oracol

Faceți clic aici pentru detalii complete despre lista ordonată HTML. Lista ordonată HTML

Lista neordonată HTML sau Lista cu marcatori

În lista HTML neordonată, toate elementele din listă sunt marcate cu marcatori. Este cunoscută și sub numele de listă cu marcatori. Lista Neordonate începe cu

elementele de etichetă și listă încep cu
• etichetă.

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

Ieșire:

• Berbec
• Bingo
• Leu
• Oracol

Faceți clic aici pentru detalii complete despre lista HTML neordonată. Listă HTML neordonată

Lista de descriere HTML sau Lista de definiții

Lista de descriere HTML este, de asemenea, un stil de listă care este acceptat de HTML și XHTML. Este, de asemenea, cunoscut sub numele de listă de definiții în care intrările sunt listate ca un dicționar sau o enciclopedie.

Lista de definiții este foarte potrivită atunci când doriți să prezentați un glosar, o listă de termeni sau o altă listă de nume-valoare.

Lista de definiții HTML conține următoarele trei etichete:

1. etichetă

   definește începutul listei.
2. etichetă
   definește un termen.
3. etichetă
   definește termenul definiție (descriere).

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

Ieșire:

Berbec

-Unul dintre cele 12 zodii horoscop.

Bingo

-Una dintre gustările mele de seară

Leu

-Este, de asemenea, unul dintre cele 12 zodii horoscop.

Oracol

-Este o corporație multinațională de tehnologie.

Faceți clic aici pentru detalii complete despre lista de descriere HTML. Lista de descriere HTML

Lista imbricată HTML

O listă dintr-o altă listă este denumită listă imbricată. Dacă doriți o listă cu marcatori în interiorul unei liste numerotate, atunci un astfel de tip de listă va fi numit listă imbricată.

Cod:

 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> 

Ieșire:

Suport pentru browsere

Element	Crom	IE	Firefox	Operă	Safari
	da	da	da	da	da