Prilikom programiranja web-mjesta korištenjem HTML (Hypertext Markup Language) kodiranja, poredani popis koristi se za kreiranje popisa stavki koje su numerirane kako bi se prikazao red kojim bi trebali ići. Popis se može koristiti jednostavno za popis objekata, za prikaz rangiranih stavki od najvažnijih do najmanje važnih, ili za numeriranje koraka u procesu. Za izradu ove vrste popisa pomoću HTML-a, korisnik najprije stvara oznaku za otvaranje poredanog popisa. Zatim dodaje oznake stavki na popisu i umeće stvarne stavke koje bi se trebale pojaviti na njegovom popisu. On zatvara svaku oznaku stavke popisa nakon stavke, a kada je popis dovršen, zatvara oznaku uređenog popisa.
Ispravna HTML oznaka za otvaranje je
. OL je skraćenica za “uređena lista”. Ova vrsta popisa suprotna je neuređenom popisu, kreiranom pomoću
HTML oznake. Kada računalo vidi oznaku “ol”, zna numerirati stavke na popisu prema redoslijedu kojim se pojavljuju.
Nakon kreiranja početne oznake, korisnik ubacuje a
. Ponavlja to za svaku stavku na svom popisu. Kada je umetnuo sve stavke na svom popisu, koristi se
Evo primjera koda za poredani popis u HTML-u:
Ovo pokazuje kod za sam popis. Trenutno ne prikazuje formatiranje popisa. Kada se kôd prikaže u web-pregledniku, on će pretvoriti HTML kôd i ispravno ga prikazati kao popis. Popis kreiran iz gornjeg koda pojavit će se na sljedeći način:
Umetnite uređenu oznaku otvaranja popisa.
Umetnite oznaku otvaranja stavke popisa.
Upišite prvu stavku na popisu nakon oznake za otvaranje stavke popisa.
Umetnite oznaku za zatvaranje stavke popisa.
Ponovite s ostatkom stavki popisa.
Umetnite oznaku za zatvaranje uređenog popisa.
Svatko tko stvara ovaj popis ili bilo koji drugi element koristeći HTML kodiranje trebao bi imati na umu stroža pravila za novije verzije HTML-a. S uvođenjem CSS-a za upravljanje izgledom i izgledom web stranica, HTML sada kontrolira samo osnovne informacije prikazane na stranici. Također slijedi strože smjernice kako bi se osiguralo da je sav kod ujednačen. Osoba koja radi s HTML-om trebala bi provjeriti ima li njegov kod oznaku za otvaranje i zatvaranje te da li završna oznaka ima obrnutu kosu crtu. Trebao bi osigurati da su sva slova u oznakama mala i da njegov dokument ima odgovarajuće HTML, head i body oznake na vrhu zajedno s deklaracijom stranice.