IAV HTML les 1

IAV

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

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

Éléments de cette leçon

IAV

Les 1
Wat is <HTML>

Slide 1 - Diapositive

Hyper Text Markup Language

Dit is de basis opmaaktaal voor iedere website.

Slide 2 - Diapositive

<HTML>
HTML staat voor Hyper Text Markup Language. 

Het is de taal waarmee webpagina's worden weergegeven.

Slide 3 - Diapositive

Opmaaktaal
HTML is een opmaaktaal. Door middel van HTML-instructies kunnen aan een website kleuren, afbeeldingen en hyperlinks worden toegevoegd. Deze instructies worden door middel van markeringen (tags) op de pagina aangebracht.

Slide 4 - Diapositive

Noem een internet browser!

Slide 5 - Question ouverte

<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 >. 
Het element staat altijd tussen een begintag en een eindtag. 
Een eindtag kan je herkennen aan / die is toegevoegd.


<begintag>element</eindtag>

Slide 6 - Diapositive

Weergave van HTML
HTML kan worden bekeken met een browser. Een browser is een programma dat HTML omzet in opgemaakte tekst en afbeeldingen. 

Bekende browsers zijn oa. Microsoft Internet Explorer, Firefox, Safari en Google Chrome.

Slide 7 - 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 8 - 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 9 - Diapositive

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

Slide 10 - 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 11 - Diapositive

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

Slide 12 - Diapositive

Waaraan herken je een tag?

Slide 13 - Question ouverte

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

Slide 14 - Quiz

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

Slide 15 - Quiz

Wat zijn de enige twee tags die altijd direct onder de HTML-tag staan?
A
<head> en <html>
B
<body> en <title>
C
<head> en <title>
D
<head> en <body>

Slide 16 - Quiz

Wat wil je nog weten over HTML?

Slide 17 - Question ouverte

Opdracht HTML

Maak de opdracht en lever in. 

Voor IAV lever je deze periode de website en de HTML opdracht in.

Succes!


Slide 18 - Diapositive