IAV HTML

Introductie in HTML

Wat is <HTML> ??
1 / 14
suivant
Slide 1: Diapositive
media, vormgeving en ictMiddelbare schoolvmboLeerjaar 3,4

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

Éléments de cette leçon

Introductie in HTML

Wat is <HTML> ??

Slide 1 - Diapositive

Hyper Text Markup Language

Dit is de basis opmaaktaal voor iedere website.

Slide 2 - Diapositive

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

Hoe ziet HTML eruit?
  • HTML bestaat uit tags zoals <html>, <head>, <body>.
  • Een eenvoudige HTML-pagina:

Slide 4 - Diapositive

De basis van een webpagina.
Een website begint altijd met <!DOCTYPE html> 
en daarna de tag <html>. 

Slide 5 - Diapositive

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

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

Slide 7 - Diapositive

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

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.



<b>Deze woorden zijn vet</b> en <u>dit</u> is onderstreept.

Slide 9 - Diapositive

<ELEMENT>
Een element is het deel dat tussen de begintag en de eindtag staat. Dit is de tekst wat zichtbaar op je website.
<p>Dit is de plek waar het element staat</p>

Slide 10 - Diapositive

Waaraan herken je een tag?

Slide 11 - Question ouverte

Met welke tag begint je website?
A
<html>
B
<head>
C
<title>
D
<body>

Slide 12 - Quiz

Waaraan herken je een eindtag?
A
<? >
B
<\ >
C
<: >
D
</ >

Slide 13 - Quiz

Opdracht HTML

Ga na de website 

Maak de opdracht en lever in. 

Succes!


Slide 14 - Diapositive