Lijst/opsomming

Soms maken we gebruik van korte opsommingen of lijstjes. Bijvoorbeeld:

Dingen die ik leuk vind:

• Appeltaart eten

• Programmeren

• Leerlingen het leven zuur maken met html opdrachten

Maar ook opsommingen:

Top 3 favoriete weekdieren:

1. Mosselen

2. Inktvissen

3. Naaktslakken

Dit kunnen we ook in HTML doen! Hiernaast zie je de hele code, geen paniek als je hem nog niet helemaal begrijpt. We leggen hem hierna helemaal uit.

Dingen die ik leuk vind: <br>
<ul>
   <li>Gamen</li>
   <li>Programmeren</li>
   <li>Lego</li>
</ul>
<br>
Top 3 favoriete weekdieren: <br>
<ol>
   <li>Mosselen</li>
   <li>Inktvissen</li>
   <li>Naaktslakken</li>
</ol>

Het is belangrijk om het verschil te zien tussen de beide lijstjes. Het ene lijstje heeft puntjes, dit noemen we een ongesorteerde lijst. Om een ongesorteerde lijst te maken gebruiken we de <ul>-tag (ul = unordered list). Vervolgens moet je voor elk item op de lijst aangeven dat het een lijst item is. Dit doe je met de <li>-tag.

<ul>
   <li>Een punt op de lijst</li>
   <li>Een punt op de lijst</li>
   <li>Een punt op de lijst</li>
</ul>

Daarnaast zijn er lijsten die nummertjes vooraan hebben staan. Dit zijn gesorteerde lijsten, bijvoorbeeld om een top 3 aan te geven. Om een gesorteerde lijst te maken gebruiken we de <ol>-tag (ol = ordered list). Vervolgens moet je ook hierbij voor elk item op de lijst aangeven dat het een lijst item is. Dit doe je met de <li>-tag.

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