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