Een lijst wordt gebruikt om een overzichtelijke opsomming te maken. Er zijn twee mogelijkheden. Bij een geordende lijst heeft de volgorde betekenis, bijvoorbeeld een stappenplan. Bij een ongeordende lijst is de volgorde niet belangrijk, zoals bij een boodschappenlijst.

Ongeordende lijst

Maak een opsomming, zonder nummering, met de <ul>-tag (unordered list). Voor elk item in de lijst gebruik je de <li>-tag (list item).

Voorbeeld van ongeordende lijst met drie items:

Voorbeeld: ongeordende_lijst.html (Klik op deze link om onderstaande webpagina te zien in je browser.)

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

Ongeordende lijst met drie lijst items

Geordende lijst

Maak een genummerde opsomming met de <ol>-tag (ordered list). Voor elk item in de lijst gebruik je dezelfde <li>-tag.

Voorbeeld van geordende lijst met drie items:

Voorbeeld: geordende_lijst.html (Klik op deze link om onderstaande webpagina te zien in je browser.)

<ol>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>

Geordende lijst met drie lijst items

Samenvatting

Begintag Eindtag Afkomst Betekenis
<ul> </ul> unordered list Niet-genummerde lijst met puntjes
<ol> </ol> ordered list Genummerde lijst met een bepaalde volgorde
<li> </li> list item Item in een lijst (bij genummerd en niet-genummerd)