HWUD04-sj2122-03-HTML-document
1 / 31
Lesduur is: 15 minOnderdelen in deze les
Slide 1 - Tekstslide
Slide 2 - Tekstslide
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 3 - 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 4 - 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 5 - Quizvraag
Slide 6 - Tekstslide
Slide 7 - Tekstslide
Slide 8 - Tekstslide
Slide 9 - Tekstslide
Slide 10 - Tekstslide
Slide 11 - 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 12 - Quizvraag
Slide 13 - Tekstslide
De Title-tag toont de titel van het document in het tabblad. Hij hoort in de HEAD. Zoekmachines gebruiken meestal deze titel in hun zoekresultaten.
Sleep de Title in de HEAD.
<title> myname is </title>
Slide 14 - 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 15 - 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 16 - 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 17 - Sleepvraag
Slide 18 - Tekstslide
Slide 19 - Sleepvraag
Maak het HTML-document
<body>
<head>
<!DOCTYPE html>
<html>
</html>
</body>
</head>
<title></title>
<h1></h1>
Slide 20 - Sleepvraag
Met welke tag maak je scheve tekst?
A
u
B
i
C
h1
D
b
Slide 21 - Quizvraag
Met welke tag maak je dikgedrukte tekst?
A
a
B
li
C
h1
D
b
Slide 22 - Quizvraag
Maak van mij een paragraaf
Sleep de juiste tags naar de juiste locatie
<\p>
</p>
<p>
<p/>
<!p>
Slide 23 - 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 24 - Quizvraag
Met welke tag zet je een titel bovenaan je pagina?
A
h1
B
h6
C
title
D
titel
Slide 25 - Quizvraag
Je moet de basis-html hebben voor een web-pagina. Hoe kom je hieraan?
Slide 26 - Open vraag
Je wil weten hoe je de paragraaf-tag moet gebruiken. Hoe vind je hierop antwoord?
Slide 27 - Open vraag
Hoe zouden we deze Lesson-UP nog beter kunnen maken?
Slide 28 - Open vraag
Zijn er nog andere onderwerpen waar je meer uitleg over wil, of andere manieren waarop je meer over een onderwerp zou willen leren?
Slide 29 - Open vraag
Hoe zou je meer willen leren over de onderwerpen die je nog niet goed begrijpt?
A
Klassikale uitleg
B
LessonUps
C
Online Documentatie
D
Uitleg in een Reader
Slide 30 - Quizvraag
Hoe vond jij deze LessonUP?
😒🙁😐🙂😃
