HTML-opas v.14.11.1997

LISTAT JA LUETTELOT



up.gif SISÄLLYSLUETTELOON

<UL> Järjestämätön lista </UL>

(Unordered list)

</UL></UL> - ensimmäisellä lopetustagilla palataan askel takaisin päin ja toisella loppujenlopuksi ollaan palattu takaisin lähtötasoon.

Täsmentimiä: (Ei toimi kaikilla lukuohjelmilla)
<UL type= disc | circle | square>
<LI type= disc | circle | square>
Joissa:
disc = pallo
circle = ympyrä
square = neliö
Esim:
up.gif SISÄLLYSLUETTELOON

<OL> Järjestetty lista (1, 2, 3, ...) </OL>

(Ordered list)

    <OL>-aloittaa listan sisentämällä tekstin aloituskohtaa.
  1. <LI>-listarivin alussa muodostaa järjestysnumeron. ja alottaa uuden rivin listassa.
  2. <LI>-listarivin alussa muodostaa järjestysnumeron. ja alottaa uuden rivin listassa.
  3. <LI>-listarivin alussa muodostaa järjestysnumeron. ja alottaa uuden rivin listassa.
      <OL>-aloittaa listan sisentämällä tekstin aloituskohtaa.
    1. <LI>-listarivin alussa muodostaa järjestysnumeron. ja alottaa uuden rivin listassa.
    2. <LI>-listarivin alussa muodostaa järjestysnumeron. ja alottaa uuden rivin listassa.
  • Lopetus tagilla </OL> palataan askel takaisin päin niin monta kertaa kuin on tarvis.

    Täsmentimiä: (Ei toimi kaikilla lukuohjelmilla)
    <OL type= a | A | i | I | 1 | start=numero>
    <LI type= a | A | i | I | 1 | value=numero>
    Joissa:
    a ja A = akkosjärjestyksessä.
    i ja I = roomalaisittain.
    1 = numerojärjestyksessä.
    start = aloitusarvo.
    value = numeroinnin aloituksen vaihto.

    Esim:

      type=I start=10 - kaikki alkaa roomalaisittain kymmenestä
    1. xxxxxxxxxxxx
    2. xxxxxxxxxxxx
    3. xxxxxxxxxxxx
    4. xxxxxxxxxxxx
    5. type=a value=6 -jatka pienaakkosina kuudennesta.
    6. xxxxxxxxxxxx
    7. xxxxxxxxxxxx
    8. xxxxxxxxxxxx
    9. type=1 - jatka numeroina.
    10. xxxxxxxxxxxx.
    11. xxxxxxxxxxxx
    12. xxxxxxxxxxxx

    up.gif SISÄLLYSLUETTELOON

    <DL> Määritelmä lista </DL>

    (Definition list)
    <DL>-tag Aloittaa sisennetyn listan.
    <DT>-Termi
    <DD>-Termin määrittely
    <DT>-Termi
    <DD>-Termin määrittely
    <DD>-Termin määrittely
  • Lopetus tagilla </DL>


    Täsmentimiä: (Ei toimi kaikilla lukuohjelmilla)
    <DL compact>-tag aloittaa sisennetyn listan ja yrittää pakata listan pienempään tilaan.
    <DT>
    <DD>-Termin määrittely
    <DT>
    <DD>-Termin määrittely
  • Lopetus tagilla </DL>


    up.gif SISÄLLYSLUETTELOON

    Yhdistelläkin voi

  • Lopetuksena: </UL></OL></UL>


    up.gif SISÄLLYSLUETTELOON

    <BLOCKQUOTE> Lainaus </BLOCKQUOTE>

    <BLOCKQUOTE> Se sisentää ja tekee uuden kappaleen.
    <BLOCKQUOTE> Se sisentää.
    <BLOCKQUOTE> Se sisentää.
    <BLOCKQUOTE> Se sisentää.
    </BLOCKQUOTE> Peruuttaa takaisin päin.
    </BLOCKQUOTE> Peruuttaa takaisin päin.
    </BLOCKQUOTE> Peruuttaa takaisin päin.

  • "Valitettavasti" <BLOCKQUOTE> tekee tyhjän rivin samalla.
  • Sisentää kummaltakin laidalta!!!


    up.gif SISÄLLYSLUETTELOON

    Valikkolistat

    <MENU> </MENU>
    (Menu List)
  • Vie vähemmän tilaa kuin järjestämätön lista?
  • <LI> tagilla aloitetaan aina uusi rivi.
  • xxxx
  • xxxxxx
  • xxxxxx
  • xxxxxxx
  • <DIR> </DIR>
    (Directory list)

  • <LI> tagilla aloitetaan aina uusi rivi.
  • Pyrkii muotoilemaan listan kohdat useammalle palstalle?
  • En onnistunu saamaan toimimaan?
  • xxxx
  • xxxxxx
  • xxxx
  • xxxxxx
  • xxxx
  • xxxxxx
  • xxxxx
  • xxxx
  • xxxxxx
  • xxxxxx
  • xxxxx
  • xxxx

  • up.gif SISÄLLYSLUETTELOON
    HTML-opas