7.2 Genummerde lijst

Een genummerde lijst is hetzelfde opgebouwd, maar een andere begin- en eindtag, namelijk <ol>, komende van ‘ordered list’, wat geordende lijst betekent.

Een voorbeeld:
<ol>
<li>Over mijzelf</li>
<li>Over mijn hobbies</li>
<li>Enkele links</li>
</ol>

Dit wordt:

  1. Over mijzelf
  2. Over mijn hobbies
  3. Enkele links

Standaard is deze lijst genummerd met gewone cijfers. Je kan ook kiezen uit kleine Romeinse cijfers (i, ii, iii,…), grote Romeinse cijfers (I, II, III,…), kleine letters (a, b, c,…), en hoofdletters (A, B, C,…).

Dit doe je door je starttag iets uit te breiden, zoals we hebben gezien bij de ongenummerde lijst.

Voor kleine Romeinse cijfers is dit de parameter type="i" meegeven:

<ol type="i">
<li>Over mijzelf</li>
<li>Over mijn hobbies</li>
<li>Enkele links</li>
</ol>

Dit wordt:

  1. Over mijzelf
  2. Over mijn hobbies
  3. Enkele links

Voor grote Romeinse cijfers is dit de parameter type="I" meegeven:

<ol type="I">
<li>Over mijzelf</li>
<li>Over mijn hobbies</li>
<li>Enkele links</li>
</ol>

Dit wordt:

  1. Over mijzelf
  2. Over mijn hobbies
  3. Enkele links

Voor kleine letters is dit de parameter type="a" meegeven:

<ol type="a">
<li>Over mijzelf</li>
<li>Over mijn hobbies</li>
<li>Enkele links</li>
</ol>

Dit wordt:

  1. Over mijzelf
  2. Over mijn hobbies
  3. Enkele links

Voor hoofdletters is dit de parameter type="A" meegeven:

<ol type="A">
<li>Over mijzelf</li>
<li>Over mijn hobbies</li>
<li>Enkele links</li>
</ol>

Dit wordt:

  1. Over mijzelf
  2. Over mijn hobbies
  3. Enkele links

Het starten van de lijst bij een bepaald nummer is ook mogelijk. Dit doe je ook weer door iets extra’s in de begintag bij te typen, namelijk de parameter start=””; met tussen de haakjes het startnummer.

Een voorbeeld:

<ol start="5" type="i">
<li>Over mijzelf</li>
<li>Over mijn hobbies</li>
<li>Enkele links</li>
</ol>

Dit wordt:

  1. Over mijzelf
  2. Over mijn hobbies
  3. Enkele links

Hierboven laat ik zien dat het niet enkel met cijfers kan, maar dat je ook op een bepaald cijfer kan starten, ook indien je Romeinse cijfers of gebruik maakt van letters.

Klik hier om naar "combinatie van lijsten" te gaan.


Seniorennet