Popisi su bitan dio HTML-a za prikaz podataka na organiziran i čitljiv način. HTML nudi tri glavne vrste popisa: neuređene popise, uređene popise i definicijske popise.
Neuređeni popisi(<ul>) koriste određene grafičke oznake i prikazuju se kao uvučene stavke, obično pomoću crnih točkica. Ovo je popularan izbor za popis stavki koje ne zahtijevaju određeni redoslijed.
Poredani popisi(<ol>) koriste specifične oznake brojeva ili znakova i prikazuju se kao sekvencijalno poredani popis. Ovo se često koristi za ispisivanje stavki određenim redoslijedom ili njihovo numeriranje.
Popisi definicija(<dl>) koriste parove izraza i opisa za prikaz podataka. Svaki par je zatvoren unutar oznaka <dt>(definicijski termin) i <dd>(definicijski opis). Ovo je učinkovit način za prikaz atributa ili definicija za specifične koncepte.
Neuređeni popis( <ul>)
- <ul> Element se koristi za stvaranje nesređene liste.
- Svaka stavka na nesređenom popisu smještena je unutar <li> elementa.
- Neuređeni popisi obično se prikazuju s grafičkim oznakama ili sličnim znakovima.
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Poredani popis( <ol>)
- <ol> Element se koristi za stvaranje uređenog popisa.
- Svaka stavka na uređenom popisu smještena je unutar <li> elementa.
- Poredani popisi obično se prikazuju s brojevima ili abecednim znakovima.
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Popis definicija( <dl>)
- <dl> Element se koristi za izradu popisa definicija.
- Svaka stavka na popisu definicija sastoji se od para oznaka <dt>(pojam definicije) i <dd>(opis definicije).
- <dt> Oznaka sadrži ključnu riječ ili atribut koji se definira, dok <dd> oznaka sadrži opis ili objašnjenje za tu ključnu riječ ili atribut.
<dl>
<dt>Keyword 1</dt>
<dd>Description for Keyword 1</dd>
<dt>Keyword 2</dt>
<dd>Description for Keyword 2</dd>
</dl>
Atribut vrste popisa( <ul> i <ol>)
- Atribut tipa koristi se za određivanje stila numeriranja uređenog popisa.
- Vrijednost atributa tipa može biti "1"(brojevi), "A"(velika slova), "a"(mala slova), "I"(veliki rimski brojevi) ili "i"(mali rimski brojevi) .
<ol type="A">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Početni atribut( <ol>)
- Atribut start se koristi za određivanje početne vrijednosti numeriranja u uređenom popisu.
- Vrijednost atributa start je pozitivan cijeli broj.
<ol start="5">
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
</ol>
Obrnuti atribut( <ol>)
- Obrnuti atribut koristi se za prikaz uređenog popisa obrnutim redoslijedom.
- Kada se primijeni obrnuti atribut, numeriranje će biti prikazano silaznim redoslijedom.
<ol reversed>
<li>Item 3</li>
<li>Item 2</li>
<li>Item 1</li>
</ol>
Ovi atributi i elementi omogućuju vam stvaranje i prilagodbu popisa u HTML-u prema vašim potrebama. Možete ih koristiti za prikaz podataka na jasan i organiziran način na vašoj web stranici.