logo

HTML popisi

HTML popisi koriste se za određivanje popisa informacija. Svi popisi mogu sadržavati jedan ili više elemenata popisa. Postoje tri različite vrste HTML popisa:

  1. Poredani popis ili numerirani popis (ol)
  2. Neuređeni popis ili popis s grafičkim oznakama (ul)
  3. Popis opisa ili popis definicija (dl)

Napomena: Možemo stvoriti popis unutar drugog popisa, koji će se nazivati ​​ugniježđeni popis.


HTML poredani popis ili numerirani popis

U uređenim HTML popisima, sve stavke popisa su prema zadanim postavkama označene brojevima. Poznata je i kao numerirana lista. Naručeni popis počinje s

    oznaku i stavke popisa počinju s
  1. označiti.

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

Izlaz:

  1. Ovan
  2. Bingo
  3. Leo
  4. Oracle

Kliknite ovdje za sve pojedinosti o HTML poredanom popisu. HTML poredani popis


HTML neuređeni popis ili popis s grafičkim oznakama

U HTML neuređenom popisu sve stavke popisa označene su grafičkim oznakama. Također je poznat i kao popis s grafičkim oznakama. Neuređeni popis počinje s

    oznake i stavke popisa počinju s
  • označiti.

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

Izlaz:

  • Ovan
  • Bingo
  • Leo
  • Oracle

Kliknite ovdje za sve pojedinosti o HTML neuređenom popisu. HTML neuređeni popis


Popis HTML opisa ili popis definicija

Popis HTML opisa također je stil popisa koji podržavaju HTML i XHTML. Također je poznat kao popis definicija gdje su unosi navedeni poput rječnika ili enciklopedije.

Popis definicija vrlo je prikladan kada želite predstaviti rječnik, popis pojmova ili neki drugi popis imena i vrijednosti.

Popis HTML definicija sadrži sljedeće tri oznake:

  1. označiti
    definira početak liste.
  2. označiti
    definira pojam.
  3. označiti
    definira pojam definicija (opis).
 <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> 
Testirajte sada

Izlaz:

Ovan
-Jedan od 12 horoskopskih znakova.
Bingo
-Jedan od mojih večernjih zalogaja
Leo
-Također je jedan od 12 horoskopskih znakova.
Oracle
-To je multinacionalna tehnološka korporacija.

Kliknite ovdje za sve detalje popisa HTML opisa. Popis HTML opisa


HTML ugniježđeni popis

Popis unutar drugog popisa naziva se ugniježđeni popis. Ako želite popis s grafičkim oznakama unutar numeriranog popisa, tada će se takav tip popisa zvati ugniježđeni popis.

Kodirati:

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

Izlaz:

HTML popisi

Podržava preglednike

Element chrome preglednikKrom tj. pregledniktj preglednik firefoxFirefox preglednik operaOpera preglednik safariSafari
DaDaDaDaDa