7.1 Ongenummerde lijst

We kunnen in HTML ook een ongenummerde lijst maken. We hebben keuze tussen een bolletje, en een vierkantje.

Dit is al iets ingewikkelder om met te werken, maar eenmaal je het door hebt; is het niet meer moeilijk.

We moeten beginnen met het aangeven dat we beginnen met de ongenummerde lijst, dat gaat met <ul>, komende van ‘unordered list’, wat ongeordende lijst betekent.
Vervolgens moeten we pér puntje <li> gebruiken, komende van ‘list item’, wat lijst item of lijst puntje betekent.

De HTML code ziet er dan als volgt uit:
<ul>
<li>Over mijzelf</li>
<li>Over mijn hobbies</li>
<li>Enkele links</li>
</ul>

Dit wordt:

  • Over mijzelf
  • Over mijn hobbies
  • Enkele links

Standaard is het een gevuld bolletje, wil je dat het een vierkantje is; dan moet je bij je begintag iets toevoegen. Dan wordt deze <ul type="square">
Onze HTML code ziet er dan als volgt uit:

<ul type="square">
<li>Over mijzelf</li>
<li>Over mijn hobbies</li>
<li>Enkele links</li>
</ul>

Dit wordt:

  • Over mijzelf
  • Over mijn hobbies
  • Enkele links


We passen dit nog niet toe op onze voorbeeldpagina. We gaan eerst nog de genummerde lijst zien. Pas bij 'Combinatie van lijsten' gaan we alles toepassen op onze voorbeeldpagina.

Klik hier om naar de "genummerde lijst" te gaan.