Les 4 | HTML 1

Introductie HTML

1 / 22

Slide 1: Slide

InformaticaMiddelbare schoolhavo, vwoLeerjaar 4

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

Lesson duration is: 30 min

Items in this lesson

Introductie HTML

Slide 1 - Slide

Wat is een website?

Slide 2 - Mind map

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 - Slide

Hoe bekijk je een website?

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

Google Chrome.

Slide 4 - Slide

Oke, maar hoe werkt dat dan?

Slide 5 - Slide

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 - Slide

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 - Slide

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 - Slide

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 - Slide

HTML en CSS

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

Kleuren
Lettertypes
Achtergronden
Marges
Etc

Slide 10 - Slide

HTML en CSS

 ... vetgedrukte tekst

 ... alinea

 ... nieuwe regel

 ... schuingedrukte tekst

Slide 11 - Slide

HTML

titel van de pagina

inhoud van de pagina

<head> ... </head>

<body ... </body>

Slide 12 - Slide

HTML

vetgedrukte tekst

alinea

nieuwe regel

schuingedrukte tekst

 ... 

 ... 

 ... 

 ... 

Slide 13 - Slide

Opbouw van een HTML pagina

Slide 14 - Slide

Weergave van een HTML pagina

Slide 15 - Slide

Pagina titel

Slide 16 - Slide

Slide 17 - Slide

Slide 18 - Slide

timer

0:30

In welke code schrijf
je een Webpagina?

Slide 19 - Mind map

Waaruit is HTML opgebouwd?

timer

0:30

elementen

objecten

Slide 20 - Quiz

Software om te programmeren

Slide 21 - Slide

Aan de slag:

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

(zie Google Classroom)

Slide 22 - Slide

Les 4 | HTML 1

Items in this lesson

Slide 1 - Slide

Slide 2 - Mind map

Slide 3 - Slide

Slide 4 - Slide

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 - Slide

Slide 16 - Slide

Slide 17 - Slide

Slide 18 - Slide

Slide 19 - Mind map

Slide 20 - Quiz

Slide 21 - Slide

Slide 22 - Slide

More lessons like this

Webdesign - Les 1 (22/23)

1 HTML - Introductie

Webdesign (1: HTML) P2

Les 4 | HTML 2

bkup 03-HTML-document

HWUD04-sj2122-03-HTML-document

HTML_les1

04 - CSS - selectoren