1. HTML




<!-- oefening 1 -->

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

	<head>
	  <title>Webwinkel</title>
	</head>

	<body>

		<h1>Menu</h1>
		
		<p>Maak een keuze:</p>

	</body>

</html>

Download hier het bestand.
<!-- oefening 2 -->

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

	<head>
	  <meta name="description" content="Koop hier al uw producten online!">
	  <meta name="keywords" content="Product 1, Product 2">
	  <meta name="author" content="PTH">
	  <title>Webwinkel</title>
	</head>

	<body>

		<h1 style="color:blue; font-weight: bold;">Menu</h1>
		
		<p>Maak een keuze:</p>

	</body>

</html>

Download hier het bestand.
<!-- oefening 3 -->

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

	<head>
	  <meta name="description" content="Koop hier al uw producten online!">
	  <meta name="keywords" content="Product 1, Product 2">
	  <meta name="author" content="PTH">
	  <title>Webwinkel</title>
	</head>

	<body>

		<h1 style="color:blue; font-weight: bold;">Menu</h1>
		
		<p>Maak een keuze:</p>

		<ul>
			<li>
				Home
			</li>
			<li>
				Klanten
			</li>
			<li>
				Bestellingen
			</li>
		</ul>

	</body>

</html>

Download hier het bestand. 


<!--opdracht 1: maak de opdracht conform de dia. 
Ga zelf op zoek naar de juiste elementen. -->

Download hier het bestand.
<!--opdracht 2: maak de opdracht conform de dia.
Ga zelf op zoek naar de juiste elementen. 

tip: het inspringen gebeurd met de tag <blockquote>-->

Download hier het bestand.
<!--opdracht 3: maak de opdracht conform de dia.
Ga zelf op zoek naar de juiste elementen. -->

Download hier het bestand.
<!--opdracht 4: maak de opdracht conform de dia.
Zorg er voor dat de licht blauwe teksten linken naar de websites (wikipedia) 
van HTML, CSS en JAVASCRIPT. -->

Download hier het bestand. 


<!--opdracht 1: maak de opdracht conform de dia. 
Ga zelf op zoek naar de juiste elementen. -->

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

	<head>
	  <title>Opdracht 1</title>
	</head>

	<body>

		<h1>Webpagina</h1>
		
		<hr>
		
		<h2>HTML</h2>
		
		<p>HTML (HyperText Markup Language) is het fundament van een webpagina. Het geeft een pagina structuur d.m.v.
		kaders.</p>
		
		<h2>CSS</h2>
		
		<p>CSS (Cascading Style Sheet) is een onderdeel van HTML en verzorgt de opmaak.</p>
		
		<h2>JAVASCRIPT</h2>
		
		<p>JAVASCRIPT zorgt voor de interactie met de gebruiker.</p>

	</body>

</html>

Download hier het bestand.
<!--opdracht 2: maak de opdracht conform de dia.
Ga zelf op zoek naar de juiste elementen. 

tip: het inspringen gebeurd met de tag <blockquote>-->

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

	<head>
	  <title>Opdracht 2</title>
	</head>

	<body>

		<h1>Webpagina</h1>
		
		<hr>
		
		<h2>HTML</h2>
		
		<p>HTML (<u>HyperText Markup Language</u>) is het fundament van een webpagina. Het geeft een pagina structuur d.m.v.
		kaders.
		<blockquote>HTML5 is de nieuwste versie van de HTML-standaard.</blockquote>
		</p>
		
		<h2>CSS</h2>
		
		<p>CSS (<u>Cascading Style Sheet</u>) is een onderdeel van HTML en verzorgt de opmaak.</p>
		
		<h2>JAVASCRIPT</h2>
		
		<p><u>JAVASCRIPT</u> zorgt voor de interactie met de gebruiker.</p>

	</body>

</html>

Download hier het bestand.
<!--opdracht 3: maak de opdracht conform de dia.
Ga zelf op zoek naar de juiste elementen. -->

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

	<head>
	  <title>Opdracht 3</title>
	</head>

	<body>

		<h1 style="color:blue;">Webpagina</h1>
		
		<hr>
		
		<h2>HTML</h2>
		
		<p style="color:green;">HTML (<u>HyperText Markup Language</u>) is het fundament van een webpagina. Het geeft een pagina structuur d.m.v.
		kaders.
		<blockquote style="color:red; font-weight: bold;">HTML5 is de nieuwste versie van de HTML-standaard.</blockquote>
		</p>
		
		<h2>CSS</h2>
		
		<p style="color:green;">CSS (<u>Cascading Style Sheet</u>) is een onderdeel van HTML en verzorgt de opmaak.</p>
		
		<h2>JAVASCRIPT</h2>
		
		<p style="color:green;"><u>JAVASCRIPT</u> zorgt voor de interactie met de gebruiker.</p>

	</body>

</html>

Download hier het bestand.
<!--opdracht 4: maak de opdracht conform de dia.
Zorg er voor dat de licht blauwe teksten linken naar de websites (wikipedia) 
van HTML, CSS en JAVASCRIPT. -->


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

	<head>
	  <title>Opdracht 4</title>
	</head>

	<body>

		<h1 style="color:blue;">Webpagina</h1>
		
		<hr>
		
		<h2>HTML</h2>
		
		<p style="color:green;">HTML (<a href="https://nl.wikipedia.org/wiki/HyperText_Markup_Language">HyperText Markup Language</a>) is het fundament van een webpagina. Het geeft een pagina structuur d.m.v.
		kaders.
		<blockquote style="color:red; font-weight: bold; background: #ccc">HTML5 is de nieuwste versie van de HTML-standaard.</blockquote>
		</p>
		
		<h2>CSS</h2>
		
		<p style="color:green;">CSS (<a href="https://nl.wikipedia.org/wiki/Cascading_Style_Sheets">Cascading Style Sheet</a>) is een onderdeel van HTML en verzorgt de opmaak.</p>
		
		<h2>JAVASCRIPT</h2>
		
		<p style="color:green;"><a href="https://nl.wikipedia.org/wiki/JavaScript">JAVASCRIPT</a> zorgt voor de interactie met de gebruiker.</p>

	</body>

</html>

Download hier het bestand.