‹Revenir à la recherche

Les 4 | HTML 1

Introductie HTML
1 / 22
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4

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

time-iconLa durée de la leçon est: 30 min

Éléments de cette leçon

Introductie HTML

Slide 1 - Diapositive

Wat is een website?

Slide 2 - Carte mentale

Wat is een website?
Een website bestaat uit pagina's met tekst en afbeeldingen die aan elkaar gelinkt zijn, zoals de website www.nu.nl

Slide 3 - Diapositive

Hoe bekijk je een website?

Een website kan je bekijken met behulp van een internetbrowser, zoals  
Google Chrome.

Slide 4 - Diapositive

Oke, maar hoe werkt dat dan?

Slide 5 - Diapositive

Wat is een website?
Een website bestaat uit pagina's met tekst en afbeeldingen die aan elkaar gelinkt zijn, zoals de website www.nu.nl

Slide 6 - Diapositive

De code
Hoe weet een internetbrowser nu precies hoe een website moet worden weergegeven?
 

Een webbrowser kan HTML-code omzetten naar een leesbare webpagina.

Slide 7 - Diapositive

Opbouw van HTML
Bij HTML wordt gebruik gemaakt van zogenaamde tags.


De tags geven aan wat voor soort informatie er moet worden weergegeven, zoals normale tekst, titel, paragraaf, afbeelding, opsomming, tabel, video, etc.

Slide 8 - Diapositive

Voorbeeld HTML-tag

<h1>Dit is een titel</h1>

De <h1> tag geeft aan dat de tekst die volgt als kop1 moet worden weergeveven. 

Slide 9 - Diapositive

HTML en CSS
CSS koppelt de structuur en inhoud uit de HTML aan een stijl en opmaak:
  • Kleuren
  • Lettertypes
  • Achtergronden
  • Marges
  • Etc


Slide 10 - Diapositive

HTML en CSS
<b> ... </b>      vetgedrukte tekst
<p> ... </p>      alinea
<br> ... </br>   nieuwe regel
<i> ... </i>         schuingedrukte tekst




Slide 11 - Diapositive

HTML
titel van de pagina

inhoud van de pagina
<head> ... </head>
 
<body ... </body>

Slide 12 - Diapositive

HTML
vetgedrukte tekst

alinea

nieuwe regel

schuingedrukte tekst
<b> ... </b> 

<p> ... </p> 

<br> ... </br> 

<i> ... </i> 

Slide 13 - Diapositive

Opbouw van een HTML pagina

Slide 14 - Diapositive

Weergave van een HTML pagina

Slide 15 - Diapositive

Pagina titel

Slide 16 - Diapositive

Slide 17 - Diapositive

Slide 18 - Diapositive

timer
0:30
In welke code schrijf
je een Webpagina?

Slide 19 - Carte mentale

Waaruit is HTML opgebouwd?
timer
0:30
A
elementen
B
objecten
C
tags
D
tekst

Slide 20 - Quiz

Software om te programmeren

Slide 21 - Diapositive

Aan de slag:

Kijk t/m video 3 
Maak t/m opdracht 9
(zie Google Classroom)

Slide 22 - Diapositive

Plus de leçons comme celle-ci

Webdesign - Les 1 (22/23)

- Leçon avec 17 diapositives
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4

Webdesign (1: HTML) P2

- Leçon avec 17 diapositives
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4

1 HTML - Introductie

- Leçon avec 17 diapositives

Les 4 | HTML 2

- Leçon avec 12 diapositives
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4

HWUD04-sj2122-03-HTML-document

- Leçon avec 31 diapositives
Communication & multimedia designHBOStudiejaar 2

HTML_les1

- Leçon avec 37 diapositives
InformaticaMiddelbare schoolvwoLeerjaar 4

bkup 03-HTML-document

- Leçon avec 37 diapositives
Communication & multimedia designHBOStudiejaar 2

HTML & CSS 90 - herhaling

- Leçon avec 33 diapositives
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4,5