Les 2 Verder met HTML

1 / 16

Slide 1: Slide

BeroepsoriëntatieMiddelbare schoolvmbo b, k, gLeerjaar 1,2

This lesson contains 16 slides, with interactive quizzes and text slides.

Lesson duration is: 120 min

Items in this lesson

Slide 1 - Slide

Programma

Terugblik

Sneltoetsen

Vervolg HTML

Lesafsluiting

Slide 2 - Slide

Wat hebben we vorige week gedaan?

Slide 3 - Open question

Wat vond je lastig?

Slide 4 - Mind map

Sneltoetsen

Plickers.com

Slide 5 - Slide

HTML (herhaling)

Element: text

Attribuut: lettertype

Waarde: 12

Slide 6 - Slide

HTML (herhaling)

Begin <>

Inhoud

Eind <>

Slide 7 - Slide

HTML opbouw

<HTML>

<BODY>

</BODY>

</HTML>

Slide 8 - Slide

HTML opdrachten

Maak opdracht 1 en 2.

Ben je klaar, dan ga je verder met opdracht 3 en 4.

Je krijgt hiervoor 45 minuten.

Slide 9 - Slide

HTML opdracht 1

Maak in Notepad++ het bestand: mijnwebsite.html

Zet daarin onderstaande tags.

Bedenk een eigen titel en zet die in de Titel tag.

<HTML>

<TITLE> </TITLE>

</HTML>

Slide 10 - Slide

HTML opdracht 2

Voeg in het bestand mijnwebsite.html de Body tag toe en vul die met een paar zinnen over je onderwerp.

<BODY>

</BODY>

Slide 11 - Slide

HTML opdracht 3

Pas de Body tag aan door een achtergrondkleur mee te geven.

Bedenk een andere kleur dan in het voorbeeld.

</BODY>

Slide 12 - Slide

HTML opdracht 4

Pas de Body tag aan door een de tekst een andere kleur te geven dan in het voorbeeld.

De tekstkleur kun je aanpassen op de volgende manier:

text="blue"

Slide 13 - Slide

HTML opdracht 5

Ga via de studiewijzer naar HTML les 2 en probeer ZELF alle elementen toe te voegen aan jouw website.

Je bedenkt zelf de tekst of je kopieert een tekst van internet.

Test het resultaat nadat je een element hebt toegevoegd.

Je krijgt hiervoor 45 minuten.

Slide 14 - Slide

Wat vond je het leukst om toe te voegen aan jouw website?

Slide 15 - Open question

Wat wil je nog beter leren?

Slide 16 - Open question

Les 2 Verder met HTML

Items in this lesson

Slide 1 - Slide

Slide 2 - Slide

Slide 3 - Open question

Slide 4 - Mind map

Slide 5 - Slide

Slide 6 - Slide

Slide 7 - Slide

Slide 8 - Slide

Slide 9 - Slide

Slide 10 - Slide

Slide 11 - Slide

Slide 12 - Slide

Slide 13 - Slide

Slide 14 - Slide

Slide 15 - Open question

Slide 16 - Open question

More lessons like this

WEEK 2 - INFORMATICA

WEEK 2 - INFORMATICA

HTML les 1

HTML & CSS 01 - 1 tmt 2.3 - introductie

Les 1: 1e pagina, HTML, fouten, nette code

Leer HTML in 8 stappen

04 - HTML - head body

HTML les 1