HTML Basics
1 / 38
Lesduur is: 15 minOnderdelen in deze les
Slide 1 - Tekstslide
Je wil een HTML-document aanmaken. Hoe doe je dat?
Slide 2 - Open vraag
Je moet de basis-html hebben voor een web-pagina. Hoe kom je hieraan?
Slide 3 - Open vraag
Zet op volgorde:
<body>
<head>
<!DOCTYPE html>
<html>
</html>
</body>
</head>
<title></title>
<h1></h1>
Slide 4 - Sleepvraag
Met welke sneltoets ververs je meestal de browser?
A
F1
B
F4
C
F2
D
F5
Slide 5 - Quizvraag
Slide 6 - Tekstslide
Slide 7 - Video
Slide 8 - Tekstslide
De Browser stuurt verzoeken naar een server. Hoe noemen we dit?
A
FTP transfers
B
POST requests
C
GET requests
D
HTML requests
Slide 9 - Quizvraag
Slide 10 - Tekstslide
Slide 11 - Tekstslide
Slide 12 - Video
Slide 13 - Video
In welk deel van de code hoort het element?
<HEAD>
<BODY>
Slide 14 - Sleepvraag
In welke taal schrijf je de INHOUD van de site?
A
HTML
B
CSS
C
Javascript
D
MySQL
Slide 15 - Quizvraag
In welke taal schrijf je de DATABASE VERZOEKEN van de site?
A
HTML
B
CSS
C
Javascript
D
SQL
Slide 16 - Quizvraag
Slide 17 - Tekstslide
Slide 18 - Tekstslide
Welke taal is dit?
<a href="location.html">link</a>
<a href="location.html">link</a>
A
HTML
B
CSS
C
Javascript
D
SQL
Slide 19 - Quizvraag
Welke taal is dit?
.location {background-image: url("location.png");}
.location {background-image: url("location.png");}
A
HTML
B
CSS
C
Javascript
D
SQL
Slide 20 - Quizvraag
Welke taal is dit?
SELECT * FROM mytable WHERE
SELECT * FROM mytable WHERE
A
HTML
B
CSS
C
Javascript
D
SQL
Slide 21 - Quizvraag
Met welke tag maak je dikgedrukte tekst?
A
a
B
li
C
h1
D
b
Slide 22 - Quizvraag
Met welke tag maak je een lijst?
A
a
B
li
C
h1
D
b
Slide 23 - Quizvraag
Met welke tag maak je een link?
A
a
B
li
C
h1
D
b
Slide 24 - Quizvraag
Wat is er mis ?
<img href="laptop.jpg" />
A
<img> moet <image> zijn
B
De URL mist http://
C
alleen .png of .gif werkt!
D
href moet src zijn
Slide 25 - Quizvraag
Hoe vaak mogen de volgende tags voorkomen?
<html><head><title><body>
A
html 1x, de rest zo vaak als nodig
B
Elk 1x max
C
Elk zo vaak als nodig
D
html en head 1x, title en body vaker
Slide 26 - Quizvraag
Wat geeft (meestal) cursief?
A
<strong>hello</strong>
B
<div>hello</div>
C
<p>hello</p>
D
<em>hello</em>
Slide 27 - Quizvraag
Je wil het lettertype en de kleur van een woord in een zin aanpassen. Welke tag gebruik je?
A
<div>
B
<span>
C
<font>
D
<h3> of <p>
Slide 28 - Quizvraag
Je wil een navigatiemenu links van de tekst plaatsen. Welke tag gebruik je?
A
<div>
B
<span>
C
<nav>
D
<main>
Slide 29 - Quizvraag
Wat gebeurt hier?
<ul><li>tekst</li></ul>
A
Je krijgt een kop met scheve tekst
B
Genummerde lijst: 1. tekst
C
je krijgt een link
D
Je krijgt een lijst: • tekst
Slide 30 - Quizvraag
Maak van mij een paragraaf
Sleep de juiste tags naar de juiste locatie
<\p>
</p>
<p>
<p/>
<!p>
Slide 31 - Sleepvraag
Hoe selecteer je in CSS het element met ID="webform"
A
.webform (punt)
B
webform (niets)
C
#webform (hashtag)
D
gebruik de muis
Slide 32 - Quizvraag
Slide 33 - Tekstslide
Hoe selecteer je in CSS het element met Class="menu"
A
.menu (punt)
B
menu (niets)
C
#menu (hashtag)
D
$menu
Slide 34 - Quizvraag
Slide 35 - Tekstslide
Slide 36 - Tekstslide
Je wil dat alle links op je website onderstreept worden. Hoe doe je dat?
A
a:active
B
a:hover
C
a
D
a:visited
Slide 37 - Quizvraag
Je wil dat alle links op je van kleur veranderen als je met je muis eroverheen gaat. Hoe doe je dat?
A
a:active
B
a:hover
C
a
D
a:visited
