Kun ohjelmoit verkkosivustoa HTML (Hypertext Markup Language) -koodauksella, järjestettyä luetteloa käytetään luomaan luettelo kohteista, jotka on numeroitu osoittamaan järjestys, jossa niiden pitäisi mennä. Luetteloa voidaan käyttää yksinkertaisesti objektien luetteloimiseen, sijoitettujen kohteiden näyttämiseen tärkeimmistä vähiten tärkeisiin tai prosessin vaiheiden numerointiin. Jos haluat luoda tämän tyyppisen luettelon HTML -koodilla, käyttäjä luo ensin avautuvan järjestetyn luettelotunnisteen. Seuraavaksi hän lisää luettelokohteen tunnisteet ja lisää todelliset kohteet, jotka pitäisi näkyä hänen luettelossaan. Hän sulkee jokaisen luettelokohteen tunnisteen kohteen jälkeen ja kun luettelo on valmis, hän sulkee tilatun luettelotagin.
Oikea avaava HTML -tagi on
. OL tarkoittaa “tilattu lista”. Tämäntyyppinen luettelo on vastakohta järjestämättömään luetteloon, joka on luotu käyttämällä
HTML -tunnisteet. Kun tietokone näkee “ol” -tunnisteen, se osaa numeroida luettelon kohteet niiden esiintymisjärjestyksessä.
Kun avaustunniste on luotu, käyttäjä lisää a
. Hän toistaa tämän jokaiselle luettelonsa kohteelle. Kun hän on lisännyt kaikki luettelossa olevat kohteet, hän käyttää
Tässä on esimerkki tilatun luettelon koodista HTML -muodossa:
Tämä näyttää itse luettelon koodin. Tällä hetkellä se ei näytä luettelon muotoilua. Kun koodi näytetään verkkoselaimessa, se muuntaa HTML -koodin ja näyttää sen oikein luettelona. Yllä olevasta koodista luotu luettelo näkyy seuraavasti:
Lisää tilattu luettelon avaustunniste.
Lisää luettelokohteen avaustunniste.
Kirjoita luettelon ensimmäinen kohde luettelokohteen avaustunnisteen jälkeen.
Lisää luettelokohteen sulkemistunniste.
Toista muiden luettelokohteiden kanssa.
Lisää tilattu luettelon sulkemistunniste.
Jokaisen, joka luo tämän luettelon tai minkä tahansa muun HTML -koodausta käyttävän elementin, on pidettävä mielessä tiukemmat säännöt uudemmille HTML -versioille. Kun CSS on otettu käyttöön verkkosivujen asettelun ja ulkoasun hallintaan, HTML hallitsee nyt vain sivulla esitettyjä perustietoja. Se noudattaa myös tiukempia ohjeita kaikkien koodien yhtenäisyyden varmistamiseksi. HTML -koodin parissa työskentelevän henkilön on tarkistettava, että koodissa on avaus- ja sulkutunniste ja että sulkutunnisteessa on käänteinen vinoviiva. Hänen on varmistettava, että kaikki tunnisteiden kirjaimet ovat pieniä ja että asiakirjassa on oikeat HTML-, pää- ja body -tunnisteet yläosassa sekä sivun ilmoitus.