Kuvat Taulukot Kuvat Taulukot Sivun alkuun
[MV's HomePage] [< >]
HTML Opas

Aluksi
Yleistä
Peruselementit
Leipäteksti
Loogiset korostukset
Fyysiset korostukset
Linkit
Kuvat & kuvakartat
Listat
Taulukot
Lomakkeet
Erikoismerkit
Värikoodit
Koodit aakkosissa
Koodit lyhyesti

Listat

Listat ovat tehokkaita esitettäessä tietoa tiiviissä muodossa. UL, OL, DIR ja MENU -listoissa listan kohta määritetään LI-koodilla. DL-listassa käytössä ovat DT ja DD -koodit.

UL - Järjestämätön lista

<UL></UL>
TYPE=disc|square|circle, COMPACT

UL-koodilla saa aikaan järjestämättömän listan, jossa LI-koodilla määritetyt kohdat erotetaan toisistaan TYPE-attribuutin määräämällä merkillä: disc pallo, square neliö, circle ympyrä. COMPACT-attribuutti kertoo, että listan voi esittää tiiviimmin. Älä käytä UL-koodin sisällä muuta kuin LI-koodia. COMPACT-attribuutti ei ole laajalti tuettu.

Esimerkkejä
<UL>
<LI> Eka kohta
<LI> Toka kohta
<UL TYPE=square>
<LI> Toisen eka
<LI> Toisen toka
</UL>
<LI> Kolmas
</UL>
  • Eka kohta
  • Toka kohta
    • Toisen eka
    • Toisen toka
  • Kolmas

OL - Järjestetty lista

<OL></OL>
TYPE=1|a|A|i|I, START=n, COMPACT

OL-koodi tekee järjestetyn listan, jossa LI-koodilla määritetyt kohdat numeroidaan TYPE-attribuutin määräämillä numeroilla:

1 (1, 2, 3, …)
a (a, b, c, …)
A (A, B, C, …)
i (i, ii, iii, …)
I (I, II, III, …)

START-attribuutilla voi keroa aloittavan numeron. COMPACT-attribuutti kertoo, että listan voi esittää tiiviimmin. COMPACT-attribuutti ei ole laajalti tuettu. Älä käytä OL-koodin sisällä muuta kuin LI-koodia.

Esimerkkejä
<OL>
<LI> Eka kohta
<LI> Toka kohta
<OL TYPE=a>
<LI> Toisen eka
<LI> Toisen toka
</OL>
<LI> Kolmas
</OL>
  1. Eka kohta
  2. Toka kohta
    1. Toisen eka
    2. Toisen toka
  3. Kolmas

DIR - Hakemistolistaus

<DIR></DIR>
COMPACT

DIR-koodin määrittämä lista koostuu lyhyistä kohdista (noin 20 merkkiä) ja kohdat voidaan sijoittaa useampaan sarakkeeseen. COMPACT-attribuutti kertoo, että listan voi esittää tiiviimmin. Attribuutti ei ole laajalti tuettu. Älä käytä OL-koodin sisällä muuta kuin LI-koodia.

Esimerkkejä
<DIR>
<LI> Eka kohta
<LI> Toka kohta
<DIR>
<LI> Toisen eka
<LI> Toisen toka
</DIR>
<LI> Kolmas
</DIR>
  • Eka kohta
  • Toka kohta
  • Toisen eka
  • Toisen toka
  • Kolmas
  • MENU - Tiivistetty lista

    <MENU></MENU>
    COMPACT

    Koodi tuottaa UL-koodia vastaavan listan, mutta listan tulisi olla tiiviimpi. COMPACT-attribuutti kertoo, että listan voi esittää tiiviimmin. Attribuutti ei ole laajalti tuettu. Älä käytä MENU-koodin sisällä muuta kuin LI-koodia.

    Esimerkkejä
    <MENU>
    <LI> Eka kohta
    <LI> Toka kohta
    <MENU>
    <LI> Toisen eka
    <LI> Toisen toka
    </MENU>
    <LI> Kolmas
    </MENU>
  • Eka kohta
  • Toka kohta
  • Toisen eka
  • Toisen toka
  • Kolmas
  • LI - Listan kohta

    <LI> [</LI>]
    TYPE=disc|square|circle jos UL:n sisällä, TYPE=1|a|A|i|I jos OL:n sisällä, VALUE=n

    LI-koodi määrittää UL:n, OL:n, DIR:n sekä MENU:n sisällä listan kohdan. TYPE ja VALUE attribuutit käyttäytyvät kuten listan määrättävien koodien yhteydessä.

    DL - Määritelmäluettelo

    <DL></DL>
    COMPACT

    DL-koodi määrittää määritelmäluettelon, jossa DT-koodilla ilmaistaa määriteltävä terja ja DD-koodilla määritelmä. Muut koodit eivät ole sallittuja DL:n sisällä.

    Esimerkkejä
    <DL>
    <DT>fraasi
    <DD>yhden uloshengitysvaiheen aikana äännetty puhunnos
    <DT>frakki
    <DD>miesten pitkäliepeinen, edestä vyötärölle ulottuva takki
    </DT>
    fraasi
    yhden uloshengitysvaiheen aikana äännetty puhunnos
    frakki
    miesten pitkäliepeinen, edestä vyötärölle ulottuva takki

    DT - Määriteltävä termi

    <DT> [</DT>]

    DT-koodi merkkaa määriteltävän termin DL-koodin sisällä. DT-koodia tulisi seurata DD-koodi, jotta tekstin rakenne olisi järkevä. DT:n sisällä voi olla tekstin muotoiluja.

    DD - Määritelmä

    <DD> [</DD>]

    DD-koodi seuraa DT-koodia. DD-koodilla merkitty teksti määrittelee DT-koodilla merkityn tekstin. DD:n sisällä voi käyttää tekstiä muotoilevia koodeja.

    [MV's HomePage] [< >]