HTML - Lister

Lister brukes til å gruppere elementer som hører sammen. I HTML skiller vi i hovedsak mellom to typer lister: unummererte (punktlister) og nummererte lister.

Unummererte lister (ul)

En unummerert liste, eller punktliste, brukes når rekkefølgen på elementene ikke er viktig. Slike lister lages med <ul>-elementet (Unordered List).

<ul>
   <li>Epler</li>
   <li>Bananer</li>
   <li>Appelsiner</li>
 </ul>

<ul> starter listen.
<li> (List Item) brukes for hvert enkelt punkt inne i listen.

Nummererte lister (ol)

En nummerert liste brukes når rekkefølgen har en betydning, for eksempel i en oppskrift eller en topp 10-liste. Disse lages med <ol>-elementet (Ordered List).

<ol>
   <li>Våkne</li>
   <li>Spise frokost</li>
   <li>Dra på jobb</li>
 </ol>

<ol> starter listen, og nettleseren setter automatisk tall (1, 2, 3...) foran hvert punkt.
Også her brukes <li> for hvert punkt.