Lijsten

Er worden hierder twee soorten lijsten beschreven: ongeordende lijsten en geordende lijsten. Bij geordende lijsten zit er een bepaalde volgorde in de lijst. Bij ongeordende lijsten is het gewoon een opsomming.

Ongeordende lijst

Om een ongeordende lijst te maken, gebruik je de <ul>-tag (unordered list) voor de hele lijst en de <li>-tag (list item) voor elk item in de lijst.

Voorbeeld van ongeordende lijst met drie items:

ongeordende_lijst.html1 (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

Om een geordende lijst te maken, gebruik je de <ol>-tag (ordered list) voor de hele lijst en de <li>-tag voor elk item in de lijst.

Voorbeeld van geordende lijst met drie items:

geordende_lijst.html2 (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 Ongeordende lijst met puntjes
<ol> </ol> ordered list Genummerde lijst met een bepaalde volgorde
<li> </li> list item Item in een lijst (zowel genummerd als ongeordend)