Programuojant svetainę naudojant HTML (hiperteksto žymėjimo kalbos) kodavimą, sutvarkytas sąrašas naudojamas elementų sąrašui sudaryti, kurie sunumeruoti, kad būtų parodyta, kokia tvarka jie turėtų eiti. Sąrašas gali būti naudojamas tiesiog objektams išvardyti, reitinguotiems elementams rodyti. nuo svarbiausio iki mažiausiai svarbaus arba proceso žingsnių numeravimui. Norėdami sukurti tokio tipo sąrašą naudodamas HTML, vartotojas pirmiausia sukuria atidaromo sąrašo žymą. Tada jis prideda sąrašo elementų žymas ir įterpia tikrus elementus, kurie turėtų būti jo sąraše. Jis uždaro kiekvieną sąrašo elemento žymą po elemento ir, kai sąrašas baigtas, uždaro užsakyto sąrašo žymą.
Tinkama atidarymo HTML žyma yra
. OL reiškia „užsakytas sąrašas“. Šio tipo sąrašas yra priešingas netvarkingam sąrašui, sukurtam naudojant
HTML žymės. Kai kompiuteris mato „ol“ žymą, jis žino sąrašo elementus sunumeruoti pagal jų pateikimo tvarką.
Sukūręs atidarymo žymą, vartotojas įterpia a
. Jis kartoja tai kiekvienam savo sąrašo elementui. Įdėjęs visus sąrašo elementus, jis naudoja an
Štai HTML sutvarkyto sąrašo kodo pavyzdys:
Tai rodo paties sąrašo kodą. Šiuo metu nerodomas sąrašo formatavimas. Kai kodas rodomas žiniatinklio naršyklėje, jis konvertuos HTML kodą ir tinkamai parodys jį kaip sąrašą. Iš aukščiau pateikto kodo sukurtas sąrašas pasirodys taip:
Įdėkite užsakyto sąrašo atidarymo žymą.
Įdėkite sąrašo elemento atidarymo žymą.
Įveskite pirmąjį sąrašo elementą po sąrašo elemento atidarymo žymos.
Įdėkite sąrašo elemento uždarymo žymą.
Pakartokite su likusiais sąrašo elementais.
Įdėkite užsakyto sąrašo uždarymo žymą.
Kiekvienas, kuriantis šį sąrašą ar bet kurį kitą elementą naudojant HTML kodavimą, turėtų turėti omenyje griežtesnes naujesnių HTML versijų taisykles. Pradėjus naudoti CSS, skirtą tinklalapių išdėstymui ir išvaizdai valdyti, HTML dabar valdo tik pagrindinę puslapyje pateiktą informaciją. Ji taip pat vadovaujasi griežtesnėmis gairėmis, siekiant užtikrinti, kad visas kodas būtų vienodas. Asmuo, dirbantis su HTML, turėtų patikrinti, ar jo kode yra pradžios ir uždarymo žymos, o baigiamojoje žymoje yra pasvirasis brūkšnys. Jis turėtų užtikrinti, kad visos žymų raidės būtų mažosios ir kad jo dokumento viršuje būtų tinkamos HTML, head ir body žymos bei puslapio deklaracija.