bkup 03-HTML-document
1 / 37
Lesduur is: 15 minOnderdelen in deze les
Slide 1 - Tekstslide
Slide 2 - Tekstslide
Plaats de gesproken tekst tussen aanhalingstekens.
Mieke zei:
Het is mooi weer vandaag!
"
"
'
'
(
)
Slide 3 - Sleepvraag
Plaats 'vandaag' tussen haakjes.
Mieke heeft het
vandaag
te druk.
"
"
'
'
(
)
Slide 4 - Sleepvraag
Slide 5 - Tekstslide
Slide 6 - Tekstslide
Slide 7 - Tekstslide
Slide 8 - Tekstslide
Slide 9 - Tekstslide
Waar zie je een volledige HTML-tag?
A
<p></h1>
B
<p>
C
</p>
D
<p>tekst</p>
Slide 10 - Quizvraag
Waar zie je een start-tag?
A
<p></h1>
B
<p>
C
</p>
D
<p>tekst</p>
Slide 11 - Quizvraag
Waar zie je een eind-tag?
A
<p></h1>
B
<p>
C
</p>
D
<p>tekst</p>
Slide 12 - Quizvraag
Waar zie je correct geneste tags?
A
<html><body></html></body>
B
<html><body></body></html>
C
</html><body></body></html>
D
<html></body><html></body>
Slide 13 - Quizvraag
<html>
<head></head>
<body></body>
</html>
<head></head>
<body></body>
</html>
Welke tag vormt de buitenste HTML?
A
html
B
head
C
body
D
head & body
Slide 14 - Quizvraag
<html>
<head></head>
<body></body>
</html>
<head></head>
<body></body>
</html>
Welke tags vormen de binnenste HTML? (innerHTML)
A
html
B
head
C
body
D
head & body
Slide 15 - Quizvraag
Slide 16 - Tekstslide
Slide 17 - Tekstslide
Slide 18 - Tekstslide
Slide 19 - Tekstslide
Slide 20 - Tekstslide
Slide 21 - Tekstslide
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 22 - Quizvraag
Slide 23 - Tekstslide
De Title-tag toont de titel van het document in het tabblad. Hij hoort in de HEAD. Zoekmachines gebruiken meestal deze titel in huis zoekresultaten.
Sleep de Title in de HEAD.
<title> myname is </title>
Slide 24 - Sleepvraag
De Heading-tags gebruik je om koppen op je pagina te plaatsen. H1 is de grootste, H6 de kleinste.
Sleep de h1 in de BODY.
<h1> Dit is een kop </h1>
Slide 25 - Sleepvraag
De Paragraaf-tag gebruik je om paragrafen met wit-regels van elkaar te scheiden
Sleep de p-tag in de BODY.
<p> Dit is een paragraaf</p>
Slide 26 - Sleepvraag
De Break-tag gebruik je om het einde van een regel mee aan te geven, alsof je op ENTER drukt.
Sleep de br in de BODY.
Dit is een zin.<br>
na de br begint een zin op<br>
na de br begint een zin op<br>
een nieuwe regel
Slide 27 - Sleepvraag
Slide 28 - Tekstslide
Slide 29 - Sleepvraag
Maak het HTML-document
<body>
<head>
<!DOCTYPE html>
<html>
</html>
</body>
</head>
<title></title>
<h1></h1>
Slide 30 - Sleepvraag
Met welke tag maak je scheve tekst?
A
u
B
i
C
h1
D
b
Slide 31 - Quizvraag
Met welke tag maak je dikgedrukte tekst?
A
a
B
li
C
h1
D
b
Slide 32 - Quizvraag
Maak van mij een paragraaf
Sleep de juiste tags naar de juiste locatie
<\p>
</p>
<p>
<p/>
<!p>
Slide 33 - Sleepvraag
Wat is een andere manier om tekst scheef te drukken?
A
<strong>hello</strong>
B
<div>hello</div>
C
<p>hello</p>
D
<em>hello</em>
Slide 34 - Quizvraag
Met welke tag zet je een titel bovenaan je pagina?
A
h1
B
h6
C
title
D
titel
Slide 35 - Quizvraag
Je moet de basis-html hebben voor een web-pagina. Hoe kom je hieraan?
Slide 36 - Open vraag
Je wil weten hoe je de paragraaf-tag moet gebruiken. Hoe vind je hierop antwoord?
