Tema 5. IZRADA LISTA (POPISA) Dopisna škola HTML-a

a) Liste oblika DIR i MENU

Liste koristimo kada želimo urediti neki popis ili u nekom redoslijedu nešto navesti.

HTML naredba Objašnjenje Rezultat u browseru

<DIR>
<LI>
Prva stavka
<LI>
Druga stavka
<LI>
Treća stavka
</DIR>

lista oblika DIR
  • Prva stavka

  • Druga stavka

  • Treća stavka

  • <MENU>
    <LI>
    Prva stavka
    <LI>
    Druga stavka
    <LI>
    Treća stavka
    </MENU>

    lista oblika MENU
  • Prva stavka

  • Druga stavka

  • Treća stavka

  • U prilogu se nalazi datoteka ds-vje5a.htm koja prikazuje uporabu ovih naredbi u praksi.
    Njen izvorni kod slobodno možete mijenjati u cilju vježbe.


    b) Lista oblika OL

    Ako u svoj popis želimo uvrstiti redne brojeve ili slične oznake, možemo koristiti neku od slijedećih opcija:

    HTML naredba

    Objašnjenje

    Rezultat u browseru

    <OL>
    <LI>
    Prva stavka
    <LI>
    Druga stavka
    <LI>
    Treća stavka
    </OL>

    obična lista oblika OL
    1. Prva stavka
    2. Druga stavka
    3. Treća stavka
    <OL TYPE="I">
    <LI>
    Prva stavka
    <LI>
    Druga stavka
    <LI>
    Treća stavka
    </OL>
    lista oblika OL TYPE="I"
    1. Prva stavka
    2. Druga stavka
    3. Treća stavka
    <OL TYPE="a">
    <LI>
    Prva stavka
    <LI>
    Druga stavka
    <LI>
    Treća stavka
    </OL>
    lista oblika OL TYPE="a"
    1. Prva stavka
    2. Druga stavka
    3. Treća stavka
    <OL TYPE="1" START="5">
    <LI>
    Prva stavka
    <LI>
    Druga stavka
    <LI>
    Treća stavka
    </OL>
    lista oblika
    OL TYPE="1" START="5"
    (počinje od broja 5...)
    1. Prva stavka
    2. Druga stavka
    3. Treća stavka
    <OL TYPE="a" START="3">
    <LI>
    Prva stavka
    <LI>
    Druga stavka
    <LI>
    Treća stavka
    </OL>
    lista oblika
    OL TYPE="a" START="3"
    (počinje od trećeg slova - c)
    1. Prva stavka
    2. Druga stavka
    3. Treća stavka

    U prilogu se nalazi datoteka ds-vje5b.htm koja prikazuje uporabu ovih naredbi u praksi.
    Njen izvorni kod slobodno možete mijenjati u cilju vježbe.


    c) Lista oblika UL

    HTML naredba Objašnjenje Rezultat u browseru

    <UL>
    <LI>
    Prva stavka
    <LI>
    Druga stavka
    <LI>
    Treća stavka
    </UL>

    obična lista oblika UL
    • Prva stavka

    • Druga stavka

    • Treća stavka

    <UL TYPE="circle">
    <LI>
    Prva stavka
    <LI>
    Druga stavka
    <LI>
    Treća stavka
    </UL>

    lista oblika UL TYPE="circle"
    • Prva stavka

    • Druga stavka

    • Treća stavka

    U prilogu se nalazi datoteka ds-vje5c.htm koja prikazuje uporabu ovih naredbi u praksi.
    Njen izvorni kod slobodno možete mijenjati u cilju vježbe.


    d) Lista oblika DL

    HTML naredba Objašnjenje Rezultat u browseru

    <DL>
    <DT>
    Prva stavka <DD>Objašnjenje prve stavke...
    <DT>
    Druga stavka <DD>Objašnjenje druge stavke...
    <DT>
    Treća stavka <DD>Objašnjenje treće stavke...
    </DL>

    lista oblika DL
    Prva stavka
    Objašnjenje prve stavke...
    Druga stavka
    Objašnjenje druge stavke...
    Treća stavka
    Objašnjenje treće stavke...

    U prilogu se nalazi datoteka ds-vje5d.htm koja prikazuje uporabu ovih naredbi u praksi.
    Njen izvorni kod slobodno možete mijenjati u cilju vježbe.


    A sada, vrijeme je za šestu temu: IZRADA LINKOVA


    Obrada i web: damir.tomsicMožete pisati na ovu adresubj.hinet.hr