Početna stranica Prethodna
Početna Osnovna HTML struktura Tagovi Liste Slike Linkovi Tablice Forme

Liste

Određene liste

Počinju i završavaju ol tagom.
Stavke unutar liste definiraju se li tagom.
PRIMJER:
< ol>
< li> Ljeto < /li>
< li> Jesen < /li>
< li> Zima < /li>
< /ol>
REZULTAT:
1. Proljeće
2. Ljeto
3. Jesen
4. Zima

Određene liste prepoznaju se po rednim oznakama.
Po zadanoj vrijednosti oznaka određenih lista je redni broj.
Da bismo odredili kakvu oznaku želimo, koristimo atribut type.
PRIMJER:
< ol type="A">
< li> Ljeto < /li>
< li> Jesen < /li>
< li> Zima < /li>
< /ol>
REZULTAT:
A Proljeće
B Ljeto
C Jesen
D Zima

Neodređene liste

Počinju i završavaju ul tagom.
Stavke unutar liste se definiraju se li tagom.
PRIMJER:
< ul>
< li> Proljeće /li
< li> Ljeto < /li>
< li> Jesen < /li>
< li> Zima < /li>
< /ul>
REZULTAT:

  • Proljeće
  • Ljeto
  • Jesen
  • Zima

    • Neodređene liste prepoznaju se po svojim oznakama (kockice, točkice, kružići...).
    Po zadanoj vrijednosti oznaka neodređenih lista je točkica.
    Da bi odredili kakvu oznaku želimo, koristimo css opciju: list-style-type: vrijednost;
    PRIMJER:
    < ul style="list-style-type: square;">
    < li> Proljeće /li
    < li> Ljeto < /li>
    < li> Jesen < /li>
    < li> Zima < /li>
    < /ul>
    REZULTAT:

  • Proljeće
  • Ljeto
  • Jesen
  • Zima

    • Ugnježdene liste

    Ugnježdene liste koriste se kada je potrebno u nekoj stavci dodati još jednu listu.
    Automatski dobijaju novu oznaku, koja je različita od zadane.
    Pišu se unutar postojeće liste li.
    PRIMJER:
    < ul>
    < li> Doručak
    < ul>
    < li> Slatki < /li>
    < li> Slani < /li>
    < /ul>
    < /li>
    < li> Ručak < /li>
    < li> Večera < /li>
    < /ul>
    REZULTAT:

  • Doručak
  • Ručak
  • Večera