Les 4 | HTML 1

Introductie HTML

1 / 22

Slide 1: Tekstslide

InformaticaMiddelbare schoolhavo, vwoLeerjaar 4

In deze les zitten 22 slides, met interactieve quizzen en tekstslides.

Lesduur is: 30 min

Onderdelen in deze les

Introductie HTML

Slide 1 - Tekstslide

Wat is een website?

Slide 2 - Woordweb

Wat is een website?

Een website bestaat uit pagina's met tekst en afbeeldingen die aan elkaar gelinkt zijn, zoals de website www.nu.nl

Slide 3 - Tekstslide

Hoe bekijk je een website?

Een website kan je bekijken met behulp van een internetbrowser, zoals

Google Chrome.

Slide 4 - Tekstslide

Oke, maar hoe werkt dat dan?

Slide 5 - Tekstslide

Wat is een website?

Een website bestaat uit pagina's met tekst en afbeeldingen die aan elkaar gelinkt zijn, zoals de website www.nu.nl

Slide 6 - Tekstslide

De code

Hoe weet een internetbrowser nu precies hoe een website moet worden weergegeven?

Een webbrowser kan HTML-code omzetten naar een leesbare webpagina.

Slide 7 - Tekstslide

Opbouw van HTML

Bij HTML wordt gebruik gemaakt van zogenaamde tags.

De tags geven aan wat voor soort informatie er moet worden weergegeven, zoals normale tekst, titel, paragraaf, afbeelding, opsomming, tabel, video, etc.

Slide 8 - Tekstslide

Voorbeeld HTML-tag

<h1>Dit is een titel</h1>

De <h1> tag geeft aan dat de tekst die volgt als kop1 moet worden weergeveven.

Slide 9 - Tekstslide

HTML en CSS

CSS koppelt de structuur en inhoud uit de HTML aan een stijl en opmaak:

Kleuren
Lettertypes
Achtergronden
Marges
Etc

Slide 10 - Tekstslide

HTML en CSS

 ... vetgedrukte tekst

 ... alinea

 ... nieuwe regel

 ... schuingedrukte tekst

Slide 11 - Tekstslide

HTML

titel van de pagina

inhoud van de pagina

<head> ... </head>

<body ... </body>

Slide 12 - Tekstslide

HTML

vetgedrukte tekst

alinea

nieuwe regel

schuingedrukte tekst

 ... 

 ... 

 ... 

 ... 

Slide 13 - Tekstslide

Opbouw van een HTML pagina

Slide 14 - Tekstslide

Weergave van een HTML pagina

Slide 15 - Tekstslide

Pagina titel

Slide 16 - Tekstslide

Slide 17 - Tekstslide

Slide 18 - Tekstslide

timer

0:30

In welke code schrijf
je een Webpagina?

Slide 19 - Woordweb

Waaruit is HTML opgebouwd?

timer

0:30

elementen

objecten

Slide 20 - Quizvraag

Software om te programmeren

Slide 21 - Tekstslide

Aan de slag:

Kijk t/m video 3
Maak t/m opdracht 9

(zie Google Classroom)

Slide 22 - Tekstslide

Les 4 | HTML 1

Onderdelen in deze les

Slide 1 - Tekstslide

Slide 2 - Woordweb

Slide 3 - Tekstslide

Slide 4 - Tekstslide

Slide 5 - Tekstslide

Slide 6 - Tekstslide

Slide 7 - Tekstslide

Slide 8 - Tekstslide

Slide 9 - Tekstslide

Slide 10 - Tekstslide

Slide 11 - Tekstslide

Slide 12 - Tekstslide

Slide 13 - Tekstslide

Slide 14 - Tekstslide

Slide 15 - Tekstslide

Slide 16 - Tekstslide

Slide 17 - Tekstslide

Slide 18 - Tekstslide

Slide 19 - Woordweb

Slide 20 - Quizvraag

Slide 21 - Tekstslide

Slide 22 - Tekstslide

Meer lessen zoals deze

Webdesign - Les 1 (22/23)

Webdesign (1: HTML) P2

Les 4 | HTML 2

1 HTML - Introductie

HWUD04-sj2122-03-HTML-document

HTML & CSS 90 - herhaling

HTML - Tags

bkup 03-HTML-document