Johdonmukaisuus on mielikuvituksettoman viimeinen pakopaikka.
Oscar Wilde

Järjestämätön luettelo sijoitetaan <ul>ja </ul>-koodienväliin. (ul=unordered list.) Jokainen lueteltava asiamerkitään <li>-koodilla.

Akun veljenpoikien lakin väri
<ul>
<li>Tupu: sininen
<li>Hupu: vihreä
<li>Lupu:punainen
</ul>

Tunnisteen <ul> tarkenne type kertoo, millaista luettelomerkkiä käytetään. Tarkenne compact kertoo selaimelle,että luettelon voi esittää tiiviisti.

<ul type="square" compact>
<li>Tupu: sininen
<li>Hupu: vihreä
<li>Lupu:punainen
</ul>

Numeroitu luettelo sijoitetaan <ol> ja </ol>-koodien väliin.(ol=ordered list.) Tarkenteella type voi määrätä luettelon numerointitavan ja tarkenteella start aloittavan numeron, mutta nämä muotoilut eivät toimi kaikissa selaimissa.

<ol>
<li>Akun veljenpojat
<ul>
<li>Tupu: sininen lakki
<li>Hupu: vihreä lakki
<li>Lupu:punainen lakki
</ol>
<li>Iineksen siskontytöt
<ol type="a" start=10>
<li>Tiinu: vaaleanpunainen rusetti
<li>Leenu: vaaleanpunainen, valkopilkkuinen rusetti
<li>Liinu: vaaleanpunainen, mustapilkkuinen rusetti
</ol>
</ol>

Esimerkin määritelmälistan (<dl>...</dl>) käytöstä näet luvussa Peruskäsitteitä. Tutki sivun koodia selvittääksesi, miten luettelo on tehty.

<dl>
<dt>Määriteltävä asia</dt>
<dd>Määritelmä eli lyhyt kuvaileva teksti.</dd>
<dt>Määritelmälistan muotoilu</dt>
<dd>Määritelmä esitetään yleensä sisennettynä ja määriteltävä asia sisentämättä, joskus jotenkin korostettuna.</dd>
<dd>Määritelmätekstissä voi olla useampikin kappale.</dd>
</dl>

Määriteltävä asia

Määritelmä eli lyhyt kuvaileva teksti.

Määritelmälistan muotoilu

Määritelmä esitetään yleensä sisennettynä ja määriteltävä asia sisentämättä, joskus jotenkin korostettuna.

Määritelmätekstissä voi olla useampikin kappale.

Älä käytä määritelmälistaa tekstin sisennykseen tai väliotsikointiin. Sisennyksen voi hoitaa tyylimäärityksillä.

Tehtävä

a) Numeroitu luettelo <ol>. Laadi sivu, jossa luettelet viisi asiaa (TOP5), joista pidät, sekä viisi asiaa, joita inhoat.

b) Järjestämätön luettelo <ul>. Lisää sivulle lista asioista, joita olet aina aikonut tehdä mutta et ole saanut aikaiseksi. (Vähintään kahdeksan asiaa.)

c) Lisää samalle sivulle vielä monitasoinen luettelo, jossa pääasiat on numeroitu roomalaisilla numeroilla (I,II,...), seuraava taso on merkitty isoilla kirjaimilla (A,B...) ja viimeinen taso arabialaisin numeroin (1, 2...). Luettelon aiheen saat keksiä itse. Otsikoi kaikki luettelot.