Vrste lista u HTML-u

Liste nam služe za pregledniji prikaz podataka. HTML nam nudi nekoliko vrsta lista:


Unordered list - neuređene liste
Ordered list - uređene liste
Definitions list - neke liste definirane HTML-om
Pošto ne moramo puno objašnjavati i raspravljati o listama pogledajmo primjere i način upotrebe.


Ordered list - uređene liste

Raspored
<ol>
<li> Definirajte izgled </li>
<li> Definirajte funkcionalnost </li>
<li> Kodirajte </li>
</ol>

Potrebno znanje
Definirajte izgled
Definirajte funkcionalnost
Kodirajte



Za uređene liste možemo koristiti i atribut type. Vrijednosti atributa type za <ol> element mogu biti 1, a, A, i, I. Svaka vrijednost atributa nosi i drugačije numeriranje.


Korištenje atributa type

Raspored
<ol type="A">
<li> Definirajte izgled </li>
<li> Definirajte funkcionalnost </li>
<li> Kodirajte </li>
</ol>

Potrebno znanje
Definirajte izgled
Definirajte funkcionalnost
Kodirajte



Unordered list - neuređene liste

Potrebno znanje
<ul>
<li> HTML </li>
<li> PHP </li>
<li> CSS </li>
</ul>

Potrebno znanje
HTML
PHP
CSS



Atributi se mogu koristiti i za <ul> liste. Vrijednost atributa type za ove liste mogu biti disc, circle, square.


Unordered list - neuređene liste

Potrebno znanje
<ul type="square">
<li> HTML </li>
<li> PHP </li>
<li> CSS </li>
</ul>

Potrebno znanje
HTML
PHP
CSS



Definitions list - neke liste definirane HTML-om

Putanja
<dir>
<li> Sourcecode </li>
<li> Executable </li>
</dir>

Download
Sourcecode
Executable



Definitions list - neke liste definirane HTML-om

Putanja
<menu>
<li> Pocetna </li>
<li> O nama </li>
<li> Kontakt </li>
</menu>

Putanja
Pocetna
O nama
Kontakt



Namijenjen pisanju definicija

Definicije
<dl>
<dt> HTML </dt>
<dd> Hyper Text Markup Language </dd>
<dt> CSS </dt>
<dd> Cascade Style Sheet </dd>
</dl>

Definicije
HTML
Hyper Text Markup Language
CSS
Cascade Style Sheet