Veebisaidi programmeerimisel HTML-koodi (Hypertext Markup Language) kasutades kasutatakse järjestatud loendit, et luua loend üksustest, mis on nummerdatud, et näidata nende järjekorda. Loendit võib kasutada lihtsalt objektide loetlemiseks, järjestatud üksuste kuvamiseks. kõige olulisemast kõige vähem oluliseni või protsessi etappide nummerdamiseks. Seda tüüpi loendi loomiseks HTML-i abil loob kasutaja esmalt avamisjärjestusega loendi märgendi. Järgmisena lisab ta loendi üksuste sildid ja lisab tegelikud üksused, mis peaksid tema loendis ilmuma. Ta sulgeb iga loendiüksuse sildi pärast üksust ja kui loend on valmis, sulgeb ta järjestatud loendi sildi.
Õige avav HTML-märgend on
. OL tähistab “järjestatud loendit”. Seda tüüpi loend on vastand järjestamata loendile, mis on loodud kasutades
HTML-i sildid. Kui arvuti näeb silti “ol”, teab ta nummerdada loendis olevad üksused vastavalt nende ilmumise järjekorrale.
Pärast avasildi loomist sisestab kasutaja a
. Ta kordab seda iga oma loendi üksuse puhul. Kui ta on kõik oma loendis olevad üksused sisestanud, kasutab ta an
Siin on näide järjestatud loendi koodist HTML-is:
See näitab loendi enda koodi. Praegu see loendi vormingut ei näita. Kui kood kuvatakse veebibrauseris, teisendab see HTML-koodi ja kuvab selle õigesti loendina. Ülaltoodud koodi põhjal loodud loend kuvatakse järgmiselt:
Sisestage järjestatud loendi avamärgend.
Sisestage loendiüksuse avamärgend.
Tippige loendi esimene üksus pärast loendiüksuse avamärgendit.
Sisestage loendiüksuse sulgemissilt.
Korrake sama ülejäänud loendi üksustega.
Sisestage järjestatud loendi sulgemissilt.
Igaüks, kes loob selle loendi või mõne muu HTML-koodi kasutades elemendi, peaks meeles pidama HTML-i uuemate versioonide rangemaid reegleid. CSS-i kasutuselevõtuga veebilehtede paigutuse ja välimuse haldamiseks kontrollib HTML nüüd ainult lehel esitatud põhiteavet. See järgib ka rangemaid juhiseid, et tagada kogu koodi ühtsus. HTML-iga töötav inimene peaks kontrollima, et tema koodil oleks avamis- ja lõpumärgend ning et sulgemissildil oleks kaldkriips. Ta peaks tagama, et kõik siltide tähed oleksid väiketähtedega ja et tema dokumendi ülaosas oleksid õiged HTML-, head- ja body-märgendid koos lehe deklaratsiooniga.