HTML Basics
1 / 38
Lesson duration is: 15 minItems in this lesson
Slide 1 - Slide
Je wil een HTML-document aanmaken. Hoe doe je dat?
Slide 2 - Open question
Je moet de basis-html hebben voor een web-pagina. Hoe kom je hieraan?
Slide 3 - Open question
Zet op volgorde:
<body>
<head>
<!DOCTYPE html>
<html>
</html>
</body>
</head>
<title></title>
<h1></h1>
Slide 4 - Drag question
Met welke sneltoets ververs je meestal de browser?
A
F1
B
F4
C
F2
D
F5
Slide 5 - Quiz
Slide 6 - Slide
Slide 7 - Video
Slide 8 - Slide
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 - Quiz
Slide 10 - Slide
Slide 11 - Slide
Slide 12 - Video
Slide 13 - Video
In welk deel van de code hoort het element?
<HEAD>
<BODY>
Slide 14 - Drag question
In welke taal schrijf je de INHOUD van de site?
A
HTML
B
CSS
C
Javascript
D
MySQL
Slide 15 - Quiz
In welke taal schrijf je de DATABASE VERZOEKEN van de site?
A
HTML
B
CSS
C
Javascript
D
SQL
Slide 16 - Quiz
Slide 17 - Slide
Slide 18 - Slide
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 - Quiz
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 - Quiz
Welke taal is dit?
SELECT * FROM mytable WHERE
SELECT * FROM mytable WHERE
A
HTML
B
CSS
C
Javascript
D
SQL
Slide 21 - Quiz
Met welke tag maak je dikgedrukte tekst?
A
a
B
li
C
h1
D
b
Slide 22 - Quiz
Met welke tag maak je een lijst?
A
a
B
li
C
h1
D
b
Slide 23 - Quiz
Met welke tag maak je een link?
A
a
B
li
C
h1
D
b
Slide 24 - Quiz
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 - Quiz
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 - Quiz
Wat geeft (meestal) cursief?
A
<strong>hello</strong>
B
<div>hello</div>
C
<p>hello</p>
D
<em>hello</em>
Slide 27 - Quiz
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 - Quiz
Je wil een navigatiemenu links van de tekst plaatsen. Welke tag gebruik je?
A
<div>
B
<span>
C
<nav>
D
<main>
Slide 29 - Quiz
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 - Quiz
Maak van mij een paragraaf
Sleep de juiste tags naar de juiste locatie
<\p>
</p>
<p>
<p/>
<!p>
Slide 31 - Drag question
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 - Quiz
Slide 33 - Slide
Hoe selecteer je in CSS het element met Class="menu"
A
.menu (punt)
B
menu (niets)
C
#menu (hashtag)
D
$menu
Slide 34 - Quiz
Slide 35 - Slide
Slide 36 - Slide
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 - Quiz
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
