04 - HTML - head body

HTML Head & Body

1 / 13

Slide 1: Diapositive

ICTMBOStudiejaar 1-4

Cette leçon contient 13 diapositives, avec quiz interactifs et diapositives de texte.

La durée de la leçon est: 60 min

Éléments de cette leçon

HTML Head & Body

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

Leerdoel

Aan het einde van de les zul je een goed begrip hebben van wat de HTML <head> en <body> tags zijn en hoe je deze toepast in je webpagina’s.

Slide 2 - Diapositive

Cet élément n'a pas d'instructions

Wat weet je al over de head in HTML?

Slide 3 - Carte mentale

Cet élément n'a pas d'instructions

Wat is de Head?

De head in HTML bevat metadata zoals titels, stijlinformatie en koppelingen naar externe bronnen.

Slide 4 - Diapositive

Cet élément n'a pas d'instructions

Titel

element in de head definieert de titel van het document, die wordt weergegeven in de browser tab.

De `<title>`-tag in HTML definieert de titel van het document, die wordt weergegeven in de titelbalk van de webbrowser of op het tabblad van de pagina.

<!DOCTYPE html>

<html>

<head>

<title>1984 door George Orwell</title>

</head>

<body>

</body>

</html>

Slide 5 - Diapositive

Cet élément n'a pas d'instructions

Metadata

De <meta>-tag in HTML biedt metadata over het HTML-document, zoals beschrijving, trefwoorden en auteur, die door zoekmachines worden gebruikt om de pagina te indexeren en weer te geven in zoekresultaten.

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

Slide 6 - Diapositive

Cet élément n'a pas d'instructions

Wat is de body-tag?

De body-tag in HTML wordt gebruikt om de inhoud van een webpagina te definiëren, zoals tekst, afbeeldingen en andere elementen.

Slide 7 - Diapositive

Cet élément n'a pas d'instructions

Structuur van de body-tag

De body-tag wordt geopend <body> met en gesloten met </body>. Alle zichtbare inhoud van de webpagina wordt binnen deze tags geplaatst.

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

Slide 8 - Diapositive

Cet élément n'a pas d'instructions

Opmaak en stijl

Je kunt de body-tag gebruiken om de achtergrondkleur, tekstkleur, lettertype en andere opmaakstijlen van de webpagina te definiëren.

Slide 9 - Diapositive

Cet élément n'a pas d'instructions

Achtergrondafbeeldingen

Met de body-tag kun je ook achtergrond-afbeeldingen op de webpagina plaatsen met behulp van de 'background' eigenschap.

<!DOCTYPE html>

<html>

<head>

<title>Titel van de pagina</title>

</head>

<p>Dit is een paragraaf.</p>

</body>

</html>

Slide 10 - Diapositive

Cet élément n'a pas d'instructions

Oefening

Slide 11 - Diapositive

Cet élément n'a pas d'instructions

Samenvatting

We hebben geleerd dat de <head> in HTML essentiële informatie en koppelingen bevat die de structuur en weergave van een webpagina beïnvloeden. Daarnaast definieert de <body>-tag de inhoud van een webpagina en biedt het diverse opmaak- en stijlopties.

Slide 12 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 13 - Question ouverte

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.

04 - HTML - head body

Éléments de cette leçon

Slide 1 - Diapositive

Slide 2 - Diapositive

Slide 3 - Carte mentale

Slide 4 - Diapositive

Slide 5 - Diapositive

Slide 6 - Diapositive

Slide 7 - Diapositive

Slide 8 - Diapositive

Slide 9 - Diapositive

Slide 10 - Diapositive

Slide 11 - Diapositive

Slide 12 - Diapositive

Slide 13 - Question ouverte

Plus de leçons comme celle-ci

03 - HTML - basis

HTML & CSS 01 - 1 tmt 2.3 - introductie

WEEK 2 - INFORMATICA

WEEK 2 - INFORMATICA

Programmeren - HTML Les 1

periode 2 WEEK 1 - INFORMATICA

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

IAV HTML les 1