09 - HTML - lijsten

• ICT
• MBO
• Studiejaar 1-4

Lijsten in HTML

Benoem onderdelen van HTML die je nog weet?

Leerdoel

Aan het einde van de les kun je onderscheid maken tussen geordende en ongeordende lijsten in HTML en weet je hoe je ze kunt gebruiken in je webpagina's.

Wat weet je al over het gebruik van lijsten in HTML?

Inleiding

Lijsten zijn een handige manier om content te ordenen op een webpagina. Er zijn twee soorten:

Ongeordend 

• Item1
• Item2
• Item3
• Item4

Geordend

1. eerste item
2. tweede item
3. derde item
4. vierde item

Ongeordende lijsten worden gebruikt om items zonder volgorde weer te geven. Ze worden meestal weergegeven met opsommingstekens of bullet points.

Geordende lijsten worden gebruikt om items in een specifieke volgorde weer te geven. Ze worden meestal weergegeven met genummerde items.

Ongeordende Lijsten

Ongeordende lijsten worden gebruikt om items zonder volgorde weer te geven. Ze worden meestal weergegeven met opsommingstekens of bullet points.

<ul>
    <li>Item1</li>

    <li>Item2</li>

    <li>Item3</li>

    <li>Item4</li>

</ul>

Geordende Lijsten

Geordende lijsten worden gebruikt om items in een specifieke volgorde weer te geven. Ze worden meestal weergegeven met genummerde items.

<ol>
    <li>eerste item</li>

    <li>tweede item</li>

    <li>derde item</li>

    <li>vierde item</li>

</ol>

Opdracht

Maak een webpagina met zowel een ongeordende als geordende lijst. Gebruik verschillende soorten content voor elke lijst.

Samenvatting

Lijsten in HTML zijn handig voor het organiseren van informatie op een webpagina. Ongeordende lijsten tonen items zonder volgorde, terwijl geordende lijsten items in een specifieke volgorde weergeven.

Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.

De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.