Hvordan du oppretter bestilt lister for HTML5 og CSS3 programmering - dummies

Bestilte lister i HTML5 er nesten like uordnede lister. Ordnede lister har tradisjonelt tall i stedet for kuler (selv om du kan endre dette gjennom CSS hvis du ikke vil ha tall).

Slik ser du en bestilt liste

Her er en side med en grunnleggende bestilt liste - basicOL. html.

Du kan se en liste der artiklene er nummerert. Når dataene er en liste over trinn eller informasjon med noen type numeriske verdier, er en bestilt liste et godt valg.

Slik bygger du den bestilte listen

Koden for basicOL. html er bemerkelsesverdig som en uordnet liste:

basicOL. html

Grunnbestilt liste

Topp ti hundenavn i USA

Max
Jake
Buddy
Maggie
Bjørn
Molly
Bailey
Skygge < Sam
Lady










data fra // www. Bow Wow. com. au
Den eneste endringen er listelaggen selv. I stedet for

-koden, bruker den ordnede listen

-indikatoren. Listepostene er de samme
parene som brukes i den uordnede listen.Du oppgir ikke varenummeret hvor som helst; Den genererer automatisk basert på plasseringen av hvert element i listen. Derfor kan du endre rekkefølgen på elementene, og tallene er fortsatt riktige.
Her er det flott at HTML handler om mening, ikke layout. Hvis du angav de faktiske tallene, ville det være et rot å flytte ting rundt. Alt som virkelig betyr noe er at elementet er inne i en bestilt liste.