logo

Liste HTML

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> 
Testează-l acum

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> 
Testează-l acum

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> 
Testează-l acum

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> 
Testează-l acum

Ieșire:

Liste HTML

Suport pentru browsere

Element browser chromeCrom adică browserIE browser firefoxFirefox browser operaOperă browser safariSafari
dadadadada