Listojen Luominen ja Käyttäminen HTML:ssä

Listoja käytetään tiedon järjestämiseen ja esittämiseen rakenteellisessa muodossa. On olemassa kaksi pääasiallista listatyyppiä: järjestämättömät listat (<ul>) ja järjestetyt listat (<ol>).

Järjestämättömät listat

Järjestämättömät listat esittävät kohteet luettelomerkein. Jokainen listan kohde määritellään <li> (listaelementti) -tagilla. Järjestämättömiä listoja käytetään tyypillisesti silloin, kun kohteiden järjestyksellä ei ole merkitystä.

Järjestämätön lista (<ul>) näyttää kohteet luettelomerkein.

Järjestetyt listat

Järjestetyt listat näyttävät kohteet numeroidussa järjestyksessä. Jokainen kohde määritellään käyttämällä <li> (listan kohde) -tagia. Järjestettyjä listoja käytetään, kun kohteiden järjestyksellä on merkitystä ja sitä halutaan korostaa.

Lista on järjestetty (<ol>), ja se näyttää kohteet numeroituna.

Sisäkkäiset listat

Listoja voidaan myös sisäkkäistää toistensa sisään hierarkkisten rakenteiden luomiseksi. Tämä tarkoittaa, että listan kohde (<li>) yhdessä listassa (<ul> tai <ol>) voi sisältää toisen listan. Tämä on hyödyllistä, kun halutaan järjestää monimutkaista tietoa useille hierarkiatasoille.

• Toinen listan kohta ("Main item 2") sisältää sisäkkäisen järjestämättömän listan (<ul>), mikä luo hierarkkisen rakenteen;
• Jokainen sisäkkäinen lista (<ul>) on sisennetty visuaalisesti osoittamaan sen hierarkiatasoa.