03 - HTML - basis

Je eerste webpagina!

1 / 12

Slide 1: Tekstslide

ICTMBOStudiejaar 1-4

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

Lesduur is: 60 min

Onderdelen in deze les

Je eerste webpagina!

Slide 1 - Tekstslide

Deze slide heeft geen instructies

Leerdoel

Aan het einde van de les kun je de minimale code schrijven om een eenvoudige HTML-pagina te maken.

Slide 2 - Tekstslide

Deze slide heeft geen instructies

Wat weet je al over het maken van een HTML-pagina?

Slide 3 - Woordweb

Deze slide heeft geen instructies

Wat is HTML?

HTML staat voor HyperText Markup Language. Het is de standaardtaal voor het maken van webpagina's en webapplicaties.

Slide 4 - Tekstslide

Deze slide heeft geen instructies

Benodigde structuur

Een HTML-pagina heeft een basale structuur bestaande uit de <HTML>, <head> en <body> elementen.

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

Slide 5 - Tekstslide

Deze slide heeft geen instructies

Doctype declaratie

Een HTML-document begint met een doctype declaratie, die aangeeft welke versie van HTML wordt gebruikt.

Slide 6 - Tekstslide

Deze slide heeft geen instructies

Benodigde structuur

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

Een HTML-pagina heeft een basale structuur bestaande uit de <HTML>, <head> en <body> elementen.

Slide 7 - Tekstslide

Deze slide heeft geen instructies

Titel van de pagina

tag wordt gebruikt om de titel van de webpagina in de browser weer te geven.

<!DOCTYPE html>

<html>

<head>

<title>titel pagina</title>

</head>

<body>

</body>

</html>

De title kan worden toegevoegd middels de <title> tag. Deze wordt in de <head> tag geplaatst.

Slide 8 - Tekstslide

Deze slide heeft geen instructies

Tekst en afbeeldingen

<!DOCTYPE html>

<html>

<head>

<title>titel</title>

</head>

<body>

Plaats hier je tekst

en afbeeldingen

</body>

</html>

Tekst en afbeeldingen kunnen worden toegevoegd aan de <body> van de HTML-pagina met behulp van verschillende tags.

Slide 9 - Tekstslide

Deze slide heeft geen instructies

Opslaan en bekijken

Na het schrijven van de HTML-code kan de pagina worden opgeslagen met de extensie .html en in een webbrowser worden bekeken.

Slide 10 - Tekstslide

Deze slide heeft geen instructies

Eindresultaat

Gefeliciteerd! Je hebt zojuist je eerste HTML-pagina gemaakt en bekeken in een webbrowser.

Slide 11 - Tekstslide

Deze slide heeft geen instructies

Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.

Slide 12 - Open vraag

De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.

03 - HTML - basis

Onderdelen in deze les

Slide 1 - Tekstslide

Slide 2 - Tekstslide

Slide 3 - Woordweb

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 - Open vraag

Meer lessen zoals deze

04 - HTML - head body

IAV HTML les 1

Basis HTML: Leer de grondbeginselen van webontwikkeling

HTML & CSS 01 - 1 tmt 2.3 - introductie

WEEK 2 - INFORMATICA

WEEK 2 - INFORMATICA

Kennismaking met HTML Programmeren

Programmeren - HTML Les 1