Liste

Objavljeno: 10.08.2007. 17:35

U ovom tutorialu malo ćemo se igrati s listama. Koristimo ih za sadržaj koji želimo prikazati nekim redosljedom (uređene), kao primjerice sadržaj knjige i sl., kao navigacijske elemente na web stranicama (neuređene) i na kraju definicijske liste za opisivanje pojmova.

Dakle, imamo tri vrste listi:

Uređene liste (ordered)
Neuređene liste (unordered)
Definicijske liste (definition)

U nastavku možete saznati više o tim listama, a u jednom od sljedećih tutoriala pokazar ću vam kako liste možete upotrijebiti za izradu navigacije i urediti ih pomoću CSS-a.

Uređene liste

Koristimo ih kada listama želimo dodati neki logički redosljed. Svaki element liste moguće je označiti brojevima (arapska ili rimska) i brojevima.

Također možemo odrediti i početnu vrijednost, primjerice da lista počinje od broja 10, ili od malog slova f.

Evo i primjera uređene liste sa arapskim brojevima i malim slovima:

<ol type="1">
<li>uređene liste</li>
<li>neuređene liste</li>
<li>definicijske liste</li>
</ol>

<ol type="a">
<li>uređene liste</li>
<li>neuređene liste</li>
<li>definicijske liste</li>
</ol>

uređene liste
neuređene liste
definicijske liste

uređene liste
neuređene liste
definicijske liste

Neuređene liste

Koristimo ih kada ne želimo logički razvrstati elemente, odnosno pridodati im neki redosljed. Neuređene liste možete vidjeti na web-coderz site-u; koriste se za kategorije, nove članke, korisne linkove i dr.

<ul>
<li>uređene liste</li>
<li>neuređene liste</li>
<li>definicijske liste</li>
</ul>

<ul type="disc">
<li>uređene liste</li>
<li>neuređene liste</li>
<li>definicijske liste</li>
</ul>

uređene liste
neuređene liste
definicijske liste

uređene liste
neuređene liste
definicijske liste

Neuređene liste možemo lijepo urediti pomoću CSS-a, i umjesto predefiniranih elemenata ubaciti vlastite sličice.

Još jedna važna primjena neuređenih listi je u navigaciji. Koriste se na mnoštvu web stranica (između ostaloga i na web-coderz), pomoću CSS-a lako ih je preurediti ih, i korisnici često nisu niti svjesni da su to zapravo liste.

Definicijske liste

Koriste se za opisivanje pojmova. Ova lista ne sadrži samo popis elemenata, već i njihova objašnjenja i definicije.

<dl>
<dt>Definicijske liste</dt>
<dd>Koriste se za opisivanje pojmova.</dd>
<dt>Neuređene liste</dt>
<dd>Koristimo ih kada ne želimo logički razvrstati elemente, 
odnosno pridodati im neki redosljed</dd>
</dl>

Definicijske liste: Koriste se za opisivanje pojmova.
Neuređene liste: Koristimo ih kada ne želimo logički razvrstati elemente, odnosno pridodati im neki redosljed

Unutar def. listi mogu se ubaciti paragrafi, linkovi (kao i kod ostalih listi), druge liste i sl.

Još nema komentara.