Les 4 plaatjes lijstjes maken.

fig 4.1
<!DOCTYPE html>
<html lang="nl">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Voorbeeldpagina</title>
</head>

<body>
<h1>Welkom op mijn website</h1>
<p>Dit is een  eenvoudige HTML-structuur.</p>
<ul> 
	<li> Optie 1</li> 
	<li> Optie 2</li> 
	<li> Optie 3</li> 
</ul> 	
<ol> 
	<li> Optie 4</li> 
	<li> Optie 5</li> 
	<li> Optie 6</li> 
<ul"> 
</body>
</html>

Het resultaat is hier onder te zien als resultaat.

• Optie 1
• Optie 2
• Optie 3

1. Optie 1
2. Optie 2
3. Optie 3

Hierboven is te zien hoe je lijsten maakt.
Je begint een lijst met de tekst <ul> en sluit deze weer af met </ul>. De opties komen tussen <li> en </li>, omdat li staat voor list item.

Wanneer je <ul> verandert naar <ol>, krijg je een ander type lijst. <ul> maakt een lijst met bolletjes, terwijl <ol> automatisch een genummerde lijst maakt.



Vragen

1. Hoe start je een lijst
2. Hoe geef je aan wat voor type lijst je wil
3. Waar komen je opties te staan
Ga naar de volgende les