webdevh1.3

<!--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.