Lijsten zijn makkelijk te overlopen en lezen vaak vlotter dan een doorlopende tekst.

Je hebt in HTML twee belangrijke soorten lijsten: geordende (<ol>) en ongeordende (<ul>). De geordende worden meestal met cijfertjes weergegeven, de ongeordende met bolletjes.

De aparte puntjes in een lijst, worden altijd aangegeven met <li> elementen, dat staat voor ‘list item’.

Je kan lijsten ook in en door elkaar gebruiken, om zo meer ingewikkelde opsommingen te krijgen.

Geordende lijst

Bezig met laden...
  1. Stap 1
  2. Stap 2
  3. Stap 3
Bezig met laden...
  • Slaapzak
  • Tandenborstel
  • Pyama

Probeer eens een lijst toe te voegen aan de pagina die je maakt. Zoals in het voorbeeld hieronder.

<!doctype html>
<html>
    <head>
    <title>Mijn allereerste webpagina</title>
    </head>
    <body>
        <h1>Welkom!</h1>
        <p>Dit is mijn website, en ze gaat over wat ik leuk vind!</p>
        <h2>Mijn hobby's</h2>
        <p>Coderdojo natuurlijk, Yay!</p>
        <h3>Een opsomming</h3>
        <ul>
            <li>Coderdojo</li>
            <li>Scouts</li>
            <li>Voetbal</li>
            <li>Lezen</li>
        </ul>
    </body>
</html>