LISTE

Sledeca stvar koju mozete ubaciti u vasu prezentaciju su numerisane i nenumerisane liste. Numerisane liste se ubacuju pomocu <ol> taga, a nenumerisane liste pomocu <ul> taga. Pojedine stavke liste se definisu pomocu <li> taga (ovaj tag ne zahteva zavrsni tag). Osnovna razlika izmedju ove dve vrste listi je ta sto ce u numerisanim listama ispred pojedinih stavki liste stajati redni brojevi, a u nenumerisanoj listi ce stajati dugmad.

Primer numerisane liste:

Godisnja doba su:

  1. prolece
  2. leto
  3. jesen
  4. zima
koja se dobija sledecim HTML kodom: Godisnja doba su: <OL> <LI>prolece <LI>leto <LI>jesen <LI>zima </OL> Kao sto vidite ne morate sami da ubacujete redne brojeve. Vas browser ce ih sam ubaciti ispred svake stavke vase liste.
Ako niste zadovoljni arapskim brojevima koje ovaj tag koristi po default-u, mozete upotrebiti atribut type. Ovaj atribut moze imati sledece vrednosti:

A - velika slova
a - mala slova
I - rimski brojevi
i - mali rimski brojevi

Evo kako izgleda gornja lista sa velikim rimskim brojevima:

  1. prolece
  2. leto
  3. jesen
  4. zima
a odgovarajuci HTML kod: <OL TYPE="I"> <LI>prolece <LI>leto <LI>jesen <LI>zima </OL>

Evo sada primera nenumerisane liste:

Godisnja doba su:

koja se dobija HTML kodom: Godisnja doba su: <UL> <LI>prolece <LI>leto <LI>jesen <LI>zima </UL> Kao sto vidite vas browser je sada umesto rednih brojeva ispred svake stavke liste stavio okruglo dugmence.
Ako niste zadovoljni sa okruglim dugmicima i to se moze regulisati odgovarajucim atributom. Atribut je i ovaj put type samo sto u ovom slucaju moze uzimati vrednosti:

circle - okruglo dugme
disc - ispunjeno okruglo dugme
square - kvadratno dugme

Evo iste liste i sa kvadratnim dugmicima: LISTE

a odgovarajuci HTML kod je:

<UL TYPE="square"> <LI>prolece <LI>leto <LI>jesen <LI>zima </UL>


Sledeci oblik liste je tzv. "lista definicija". Ovaj oblik liste dobijamo pomocu <dl> taga. Svaka stavka ovakve liste se sastoji iz dva dela: termina koji hocemo da definisemo i njegove definicije. Termini zapocinju <dt> tagom, a njihove definicije <dd> tagom. Termini se poravnavaju uz levu marginu a njihove definicije se pojavljuju u novom redu i uvucene su za odredjen broj mesta.

Evo primera jedne definicione liste:

Prolece:
najlepse godisnje doba koje traje od 21. marta do 21. juna.
Leto:
najtoplije godisnje doba koje traje od 21. juna do 21. septembra.
Jesen:
najkisovitije godisnje doba koje traje od 21. septembra do 21. decembra.
Zima:
najhladnije godisnje doba koje traje od 21. decembra do 21. marta.

A njen HTML kod glasi:

<DL> <DT>Prolece: <DD>najlepse godisnje doba koje traje od 21. marta do 21. juna. <DT>Leto: <DD>najtoplije godisnje doba koje traje od 21. juna do 21. septembra. <DT>Jesen: <DD>najtuznije godisnje doba koje traje od 21. septembra do 21. decembra. <DT>Zima: <DD>najhladnije godisnje doba koje traje od 21. decembra do 21. marta. </DL>

Naucili ste kako se prave najvazniji tipovi listi u HTML dokumentima.
Sledeca stranica udzbenika posvecena je linkovima - jednom od najvaznijh elemenata HTML jezika!

Uredjivanje teksta 2
nazad
Index Linkovi
napred

uvod u html dodavanje boja uredjivanje teksta uredjivanje teksta 2 linkovi
web grafika tabele tabele 2 marquee kraj