Lister brukes for å organisere og presentere informasjon i et strukturert format. Det finnes to hovedtyper lister: punktlister (<ul>) og nummererte lister (<ol>).

Punktlister

Punktlister viser elementer i en punktmerket form. Hvert element i listen defineres med <li> (listeelement)-taggen. Punktlister brukes vanligvis når rekkefølgen på elementene ikke er viktig.
Eksempel:

I eksempelet ovenfor:

Den uordnede listen (<ul>) viser elementer med punktmarkeringer.

Ordnete lister

Ordnete lister viser elementer i en nummerert rekkefølge. Hvert element i listen defineres med <li> (listeelement)-taggen. Ordnete lister brukes når rekkefølgen på elementene er viktig og må fremheves.
Eksempel:

I eksempelet ovenfor:

Listen er ordnet (<ol>), og viser elementene med tall.

Nestede lister

Lister kan også nestes i hverandre for å lage hierarkiske strukturer. Dette betyr at et listeelement (<li>) i en liste (<ul> eller <ol>) selv kan inneholde en ny liste. Dette er nyttig for å organisere kompleks informasjon i flere nivåer av hierarki.
Eksempel:

I eksempelet ovenfor:

• Det andre listeelementet ("Main item 2") inneholder en nøstet punktliste (<ul>), noe som skaper en hierarkisk struktur;
• Hver nøstede liste (<ul>) er innrykket for å visuelt indikere sitt hierarkiske nivå.

Videoveiledning