Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Lijsten Maken en Gebruiken in HTML | HTML-Grondbeginselen
HTML-Essentials

bookLijsten Maken en Gebruiken in HTML

Lijsten worden gebruikt om informatie op een gestructureerde manier te ordenen en weer te geven. Er zijn twee hoofdtypen lijsten: ongeordende lijsten (<ul>) en geordende lijsten (<ol>).

Ongeordende lijsten

Ongeordende lijsten tonen items in een opsomming met bolletjes. Elk item in de lijst wordt gedefinieerd met de <li> (list item) tag. Ongeordende lijsten worden meestal gebruikt wanneer de volgorde van de items niet belangrijk is.
Voorbeeld:

index.html

index.html

copy

In het bovenstaande voorbeeld:

De ongeordende lijst (<ul>) toont items met opsommingstekens.

Geordende lijsten

Geordende lijsten tonen items in een genummerde volgorde. Elk item in de lijst wordt gedefinieerd met de <li> (list item) tag. Geordende lijsten worden gebruikt wanneer de volgorde van de items belangrijk is en benadrukt moet worden.
Voorbeeld:

index.html

index.html

copy

In het bovenstaande voorbeeld:

De lijst is geordend (<ol>), waarbij items met nummers worden weergegeven.

Geneste lijsten

Lijsten kunnen ook in elkaar genest worden om hiërarchische structuren te creëren. Dit betekent dat een lijstitem (<li>) binnen een lijst (<ul> of <ol>) zelf een andere lijst kan bevatten. Dit is nuttig voor het organiseren van complexe informatie in meerdere hiërarchische niveaus.
Voorbeeld:

index.html

index.html

copy

In het bovenstaande voorbeeld:

  • Het tweede lijstitem ("Main item 2") bevat een geneste ongeordende lijst (<ul>), waardoor een hiërarchische structuur ontstaat;
  • Elke geneste lijst (<ul>) is ingesprongen om het hiërarchische niveau visueel aan te geven.

Videotutorial

1. Welke tag wordt gebruikt om ongeordende lijsten te maken?

2. Wanneer gebruik je een geordende lijst in plaats van een ongeordende lijst?

3. Welke tag ontbreekt op de lege plekken (___)?

question mark

Welke tag wordt gebruikt om ongeordende lijsten te maken?

Select the correct answer

question mark

Wanneer gebruik je een geordende lijst in plaats van een ongeordende lijst?

Select the correct answer

question mark

Welke tag ontbreekt op de lege plekken (___)?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 2. Hoofdstuk 7

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Suggested prompts:

Can you explain the difference between ordered and unordered lists again?

How do I create a nested list in HTML?

What are some best practices for using lists in HTML?

Awesome!

Completion rate improved to 3.13

bookLijsten Maken en Gebruiken in HTML

Veeg om het menu te tonen

Lijsten worden gebruikt om informatie op een gestructureerde manier te ordenen en weer te geven. Er zijn twee hoofdtypen lijsten: ongeordende lijsten (<ul>) en geordende lijsten (<ol>).

Ongeordende lijsten

Ongeordende lijsten tonen items in een opsomming met bolletjes. Elk item in de lijst wordt gedefinieerd met de <li> (list item) tag. Ongeordende lijsten worden meestal gebruikt wanneer de volgorde van de items niet belangrijk is.
Voorbeeld:

index.html

index.html

copy

In het bovenstaande voorbeeld:

De ongeordende lijst (<ul>) toont items met opsommingstekens.

Geordende lijsten

Geordende lijsten tonen items in een genummerde volgorde. Elk item in de lijst wordt gedefinieerd met de <li> (list item) tag. Geordende lijsten worden gebruikt wanneer de volgorde van de items belangrijk is en benadrukt moet worden.
Voorbeeld:

index.html

index.html

copy

In het bovenstaande voorbeeld:

De lijst is geordend (<ol>), waarbij items met nummers worden weergegeven.

Geneste lijsten

Lijsten kunnen ook in elkaar genest worden om hiërarchische structuren te creëren. Dit betekent dat een lijstitem (<li>) binnen een lijst (<ul> of <ol>) zelf een andere lijst kan bevatten. Dit is nuttig voor het organiseren van complexe informatie in meerdere hiërarchische niveaus.
Voorbeeld:

index.html

index.html

copy

In het bovenstaande voorbeeld:

  • Het tweede lijstitem ("Main item 2") bevat een geneste ongeordende lijst (<ul>), waardoor een hiërarchische structuur ontstaat;
  • Elke geneste lijst (<ul>) is ingesprongen om het hiërarchische niveau visueel aan te geven.

Videotutorial

1. Welke tag wordt gebruikt om ongeordende lijsten te maken?

2. Wanneer gebruik je een geordende lijst in plaats van een ongeordende lijst?

3. Welke tag ontbreekt op de lege plekken (___)?

question mark

Welke tag wordt gebruikt om ongeordende lijsten te maken?

Select the correct answer

question mark

Wanneer gebruik je een geordende lijst in plaats van een ongeordende lijst?

Select the correct answer

question mark

Welke tag ontbreekt op de lege plekken (___)?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 2. Hoofdstuk 7
some-alt