7.3 Combinatie van lijsten

Je kan een lijst in een lijst maken. Je kan bv. 2 genummerde lijsten in elkaar maken, of 2 ongenummerde lijsten in elkaar maken. Maar je kan ook beide combineren.
Van het laaste geef ik hieronder een voorbeeld. Het komt er op neer dat je, zonder de vorige lijst te zijn gestopt, een nieuwe lijst begint; waardoor deze in de andere komt.

Een voorbeeld:

<ul>
  <li>Over mijzelf</li>
  <li>Over mijn hobbies
      <ol>
        <li>Fotografie</li>
        <li>Website's maken</li>
      </ol>
    </li>
  <li>Enkele links</li>
</ul>

Dit geeft:

  • Over mijzelf
  • Over mijn hobbies
    1. Fotografie
    2. Website's maken
  • Enkele links

Opmerking:
Merk op dat ik steeds de HTML code een beetje ‘orden’. Ik zet spaties en/of tabs, waardoor het alles van dezelfde lijst onder elkaar komt, en alles van de andere lijst ook op hetzelfde niveau staat. Dit is iets lastiger tijdens het ingeven, maar veel overzichtelijker voor later.

Onze voorbeeldpagina kan er nu uitzien als volgt:

<html>
<head>
<title>Mijn persoonlijke website</title>
</head>
<body>
<h1>Mijn persoonlijke website</h1>
<p>U bent hier beland op mijn persoonlijke website!</p>
<h2>Beginpagina</h2>
<p>U bent op de <u>beginpagina</u> van mijn <u>persoonlijke website</u>, van hieruit kan u naar de rest van mijn website surfen.</p>
<h3>Welkom</h3>
<p>Ik heet u van harte welkom op mijn website. Veel plezier op deze site, <i>en kom nog eens een keertje terug</i>!</p>
<p align="right">Deze website wordt regelmatig bijgewerkt.</p>
<p>Op mijn <b>persoonlijke website</b> kan je heel wat informatie vinden over mijzelf, en mijn interesses.</p>
<ul>
  <li>Over mijzelf</li>
  <li>Over mijn hobbies
      <ol>
        <li>Fotografie</li>
        <li>Website's maken</li>
      </ol>
    </li>
  <li>Enkele links</li>
</ul>

</body>
</html>

Klik hier om onze voorbeeldpagina te zien.

Klik hier om naar hoofdstuk 8 te gaan.