IAV HTML

Introductie in HTML

Wat is <HTML> ??

1 / 14

Slide 1: Tekstslide

media, vormgeving en ictMiddelbare schoolvmboLeerjaar 3,4

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

Onderdelen in deze les

Introductie in HTML

Wat is <HTML> ??

Slide 1 - Tekstslide

Hyper Text Markup Language

Dit is de basis opmaaktaal voor iedere website.

Slide 2 - Tekstslide

Wat is HTML?

HTML staat voor HyperText Markup Language.
Het is de taal waarmee webpagina’s worden opgebouwd.
Browsers zoals Chrome en Firefox gebruiken HTML om pagina’s weer te geven.

Slide 3 - Tekstslide

Hoe ziet HTML eruit?

HTML bestaat uit tags zoals <html>, <head>, <body>.
Een eenvoudige HTML-pagina:

Slide 4 - Tekstslide

De basis van een webpagina.

Een website begint altijd met <!DOCTYPE html>

en daarna de tag <html>.

Slide 5 - Tekstslide

De basis van een webpagina.

De inhoud tussen de <head> tag is niet zichtbaar op je webpagina. Wat staat tussen de tag <title> zie je op het tabblad van je webbrowser.

Slide 6 - Tekstslide

De basis van een webpagina.

Alles wat tussen de <body> tag staat, is te zien op je webpagina.

Slide 7 - Tekstslide

<TAG>

Een tag is een opdracht die door een browser kan worden geïnterpreteerd. HTML gebruikt tags om bijvoorbeeld de positie en weergave van elementen op een pagina aan te geven.

Een tag staat altijd tussen een < en een >.

<begintag>element</eindtag>

Slide 8 - Tekstslide

Voorbeeld van een tag.

Een voorbeeld van een tag:

in de browser ziet het er zo uit:

Deze woorden zijn vet en dit is onderstreept.

Deze woorden zijn vet en dit is onderstreept.

Slide 9 - Tekstslide

Een element is het deel dat tussen de begintag en de eindtag staat. Dit is de tekst wat zichtbaar op je website.

Dit is de plek waar het element staat

Slide 10 - Tekstslide

Waaraan herken je een tag?

Slide 11 - Open vraag

Met welke tag begint je website?

<html>

<head>

<title>

<body>

Slide 12 - Quizvraag

Waaraan herken je een eindtag?

<? >

<\ >

<: >

</ >

Slide 13 - Quizvraag

Opdracht HTML

Ga na de website

https://www.w3schools.com/

Maak de opdracht en lever in.

Succes!

Slide 14 - Tekstslide

IAV HTML

Onderdelen in deze les

Slide 1 - Tekstslide

Slide 2 - Tekstslide

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

Slide 12 - Quizvraag

Slide 13 - Quizvraag

Slide 14 - Tekstslide

Meer lessen zoals deze

IAV HTML les 1

HTML les 1

Programmeren - HTML Les 1

HTML les 1

HTML les 1

Project Materialen - Les 1

03 - HTML - basis

HTML_les1