You are on page 1of 5

HTML-u razlikujemo tri razliita tipa listi: ureene, neureene i definisane liste.

Ureene liste Za kreiranje ureenih listi koristimo <ol> tag. Svaku stavku u listi definiemo pomou <li> taga (ovaj tag ne zahteva zavrni tag). Primer jedne ureene liste: <html> <head> <title>Ureena lista</title> </head> <body> <ol> <li>Kafa <li>eer <li>Mleko <li>Med </ol> </body> </html> Rezultat je: 1. 2. 3. 4. Kafa eer Mleko Med

Kao to vidite iz primera, ureene liste su podrazumevano oznaene arapskim brojevima. Ovo moete promeniti ubacivanjem atributa type u <ol> tag, koji moe imati sledee vrednosti: A - velika slova a - mala slova I - rimski brojevi i - mali rimski brojevi Primer: <html> <head> <title>Ureena lista oznaena malim slovima</title> </head> <body>

<ol type="a"> <li>Kafa <li>eer <li>Mleko <li>Med </ol> </body> </html> Rezultat je: a. b. c. d. Kafa eer Mleko Med

Neureene liste Za kreiranje neureenih listi koristimo <ul> tag, dok za definisanje stavki liste, kao i kod ureenih, koristimo <li> tag. Primer neureene liste: <html> <head> <title>Neureena lista</title> </head> <body> <ul> <li>Kafa <li>eer <li>Mleko <li>Med </ul> </body> </html> Rezultat je:

Kafa eer Mleko Med

Za razliku od ureene liste koja za oznaavanje stavki podrazumevano koristi brojeve, neureena lista koristi ispunjenu okruglu dugmad. Ovo takoe moete izmeniti ubacivanjem atributa type u <ul> tag, na primer: <html> <head> <title>Neureena lista oznaena okruglim praznim dugmadima</title> </head> <body> <ul type="circle"> <li>Kafa <li>eer <li>Mleko <li>Med </ul> </body> </html> Rezultat je:
o o o o

Kafa eer Mleko Med

Definisane liste Definisane liste kreiramo pomou <dl> taga. Svaku stavku definisanih listi zapoinjemo <dt> tagom, a njihove definicije <dd> tagom. Primer definisane liste: <html> <head> <title>Definisana lista</title> </head> <body> <dl> <dt>Kafa <dd>Pijem je svakog jutra <dt>eer <dd>Volim ga s kafom <dt>Mleko <dd>Pijem ga svakog jutra <dt>Med <dd>Odlian je sa mlekom

</dl> </body> </html> Rezultat je: Kafa Pijem je svakog jutra eer Volim ga s kafom Mleko Pijem ga svakog jutra Med Odlian je sa mlekom Kao to vidimo iz primera, stavke su poravnate uz levu marginu, a njihove definicije zapoinju u novom redu i uvuene su za odreeni broj mesta. Liste takoe moemo i ugneavati jednu u drugu, evo primera jedne takve liste: <html> <head> <title>Ugneena lista</title> </head> <body> <ul> <li>Kafa</li> <li>aj <ul> <li>Crna kafa</li> <li>Bela kafa <ul> <li>eer</li> <li>Med</li> </ul> </li> </ul> </li> <li>Mleko</li> </ul> </body> </html> Rezultat je:

Kafa

aj
o o

Crna kafa Bela kafa eer Med

Mleko

You might also like