‹Terug naar zoeken

IAV HTML les 1

IAV

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

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

Onderdelen in deze les

IAV

Les 1
Wat is <HTML>

Slide 1 - Tekstslide

Hyper Text Markup Language

Dit is de basis opmaaktaal voor iedere website.

Slide 2 - Tekstslide

<HTML>
HTML staat voor Hyper Text Markup Language. 

Het is de taal waarmee webpagina's worden weergegeven.

Slide 3 - Tekstslide

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

Noem een internet browser!

Slide 5 - Open vraag

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

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



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

Slide 8 - Tekstslide

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

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

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

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

Slide 12 - Tekstslide

Waaraan herken je een tag?

Slide 13 - Open vraag

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

Slide 14 - Quizvraag

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

Slide 15 - Quizvraag

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

Wat wil je nog weten over HTML?

Slide 17 - Open vraag

Opdracht HTML

Maak de opdracht en lever in. 

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

Succes!


Slide 18 - Tekstslide

Meer lessen zoals deze

HTML les 1

- Les met 12 slides
ICTMiddelbare schoolvmbo b, k, gLeerjaar 1,2

Programmeren - HTML Les 1

- Les met 23 slides

Project Materialen - Les 1

- Les met 21 slides
InformaticaMiddelbare schoolmavoLeerjaar 3

HTML les 1

- Les met 23 slides
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4

Website maken Les 1: Introductie in HTML

- Les met 18 slides
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4

PAV: eigen website maken

- Les met 24 slides
InformaticaMiddelbare schoolhavo, vwoLeerjaar 3

Webdesign (1: HTML) P2

- Les met 17 slides
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4

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

- Les met 13 slides
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4-6