ERILAISET LISTAT

Kokeile erilaisia listoja

Takaisin

1. Numeroitu lista

Vihje OL, LI, TYPE

2. Luettelomerkkilista (”Ranskalaiset viivat”)

Vihje: UL, LI, TYPE

3. Määritelmälista

Vihje: DL, DT, DD

Erilaiset listat

HTML-komentojen avulla on mahdollista näyttää tekstiä erilaisina listoina: numeroituina, ranskalaisina viivoina eli luetteloina sekä määritelmälistoina, joissa selitysosa on sisennettynä.

Numeroitu lista

<OL> </OL>-tageilla rajataan lista muusta tekstistä.

<LI> </LI>-tageilla sijoitetaan listan kohdat OL-tagien väliin.

Oletuksena listan kohdat numeroidaan tavallisilla arabialaisilla numeroilla alkaen ykkösestä. Tästä voidaan halutessa poiketa kirjoittamalla <OL>-alkutagin sisään parametri, jolla numerointi voidaan muuttaa. Numeroinnin aloituskohtaa voidaan myös muuttaa.

TYPE -parametrille annetaan arvoksi jokin numerointityyppi:
A aakkoset isoin kirjaimin
a aakkoset pienin kirjaimin
I roomalaiset numerot isoin kirjaimin
i roomalaiset numerot pienin kirjaimin
<OL TYPE=”joku”>

START -parametrille annetaan arvoksi numeroinnin aloituskohta <OL START=luku>

Esimerkki:
<OL TYPE= ”A”>
<LI>Ensimmäinen </LI>
<LI>Toinen </LI>
</OL>

NÄYTTÖ:

1. Ensimmäinen
2. Toinen

Ranskalaiset viivat

<UL> </UL>-tageilla luodaan ranskalaiset viivat -luettelo. Useimmat selaimet näyttävät listan kohdat palloina, mutta joissakin selaimissa listan kohdat näkyvät tavallisina viivoina. <LI> </LI>-tageilla sijoitetaan listan kohdat UL-tagien väliin

Myös ranskalaisten viivojen "pallukoiden" ulkonäköä voidaan muuttaa. TYPE-parametrilla määritellään viivojen ulkonäkö:
tyyppi
disc täytetty ympyrä
circle ympyrä pelkällä rajaviivalla
square täytetty neliö
<UL TYPE=”TYYPPI”>

Määritelmälistat (definition list)

<DL></DL>-tageilla rajataan määritelmälista. Määritelmälistoissa erotetaan tekstistä jokin termi ja sille annettu määritelmä. <DT></DT>-tageilla kerrotaan ensin termi <DD></DD> -tagien väliin kirjoitetaan termin selitys.