Digitale Toledo

Thema: Web | Tags: #web #semantiek #lijst #html #ul #ol #li

Hoe maak ik een lijst?

In HTML gebruik je lijsten om informatie overzichtelijk weer te geven. Er zijn twee soorten lijsten:

  • <ul> = ongeordende lijst (bullets)
  • <ol> = geordende lijst (genummerd)

Stappenplan:

  1. Kies het type lijst dat je nodig hebt: <ul> voor bullets of <ol> voor nummers.
  2. Zet de lijstitems tussen <li>-tags.
  3. Sluit de lijst af met </ul> of </ol>.
  4. Gebruik CSS om het uiterlijk van de lijst aan te passen.

Voorbeelden

Ongeordende lijst (ul):

<ul>
  <li>HTML leren</li>
  <li>CSS oefenen</li>
  <li>Project bouwen</li>
</ul>

Geordende lijst (ol):

<ol>
  <li>Stap 1: index.html maken</li>
  <li>Stap 2: style.css koppelen</li>
  <li>Stap 3: pagina testen</li>
</ol>

Veelgemaakte fouten

  • Vergeten <li>: elk item moet in een <li> staan.
  • Lijsten voor layout gebruiken: lijsten zijn bedoeld voor inhoud, niet voor kolommen (daar gebruik je CSS voor).
  • Te lange lijstitems: houd lijstitems kort en krachtig.