IAV HTML

Introductie in HTML

Wat is <HTML> ??

1 / 14

Slide 1: Slide

media, vormgeving en ictMiddelbare schoolvmboLeerjaar 3,4

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

Items in this lesson

Introductie in HTML

Wat is <HTML> ??

Slide 1 - Slide

Hyper Text Markup Language

Dit is de basis opmaaktaal voor iedere website.

Slide 2 - Slide

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

Hoe ziet HTML eruit?

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

Slide 4 - Slide

De basis van een webpagina.

Een website begint altijd met <!DOCTYPE html>

en daarna de tag <html>.

Slide 5 - Slide

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

De basis van een webpagina.

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

Slide 7 - Slide

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

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

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

Waaraan herken je een tag?

Slide 11 - Open question

Met welke tag begint je website?

<html>

<head>

<title>

<body>

Slide 12 - Quiz

Waaraan herken je een eindtag?

<? >

<\ >

<: >

</ >

Slide 13 - Quiz

Opdracht HTML

Ga na de website

https://www.w3schools.com/

Maak de opdracht en lever in.

Succes!

Slide 14 - Slide

IAV HTML

Items in this lesson

Slide 1 - Slide

Slide 2 - Slide

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

Slide 12 - Quiz

Slide 13 - Quiz

Slide 14 - Slide

More lessons like this

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