‹Revenir à la recherche

03 - HTML - basis

Je eerste webpagina!
1 / 12
suivant
Slide 1: Diapositive
ICTMBOStudiejaar 1-4

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

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

Éléments de cette leçon

Je eerste webpagina!

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

Leerdoel
Aan het einde van de les kun je de minimale code schrijven om een eenvoudige HTML-pagina te maken.

Slide 2 - Diapositive

Cet élément n'a pas d'instructions

Wat weet je al over het maken van een HTML-pagina?

Slide 3 - Carte mentale

Cet élément n'a pas d'instructions

Wat is HTML?
HTML staat voor HyperText Markup Language. Het is de standaardtaal voor het maken van webpagina's en webapplicaties.

Slide 4 - Diapositive

Cet élément n'a pas d'instructions

Benodigde structuur
Een HTML-pagina heeft een basale structuur bestaande uit de <HTML>, <head> en <body>  elementen.
<!DOCTYPE html>
<html>
    <head>
          <!-- Informatie over de pagina -->
    </head>
    <body>
          <!-- Inhoud van de pagina -->
    </body>
</html>

Slide 5 - Diapositive

Cet élément n'a pas d'instructions

Doctype declaratie
Een HTML-document begint met een doctype declaratie, die aangeeft welke versie van HTML wordt gebruikt.

Slide 6 - Diapositive

Cet élément n'a pas d'instructions

Benodigde structuur
<!DOCTYPE html>
<html>
    <head>
          <!-- Informatie over de pagina -->
    </head>
    <body>
          <!-- Inhoud van de pagina -->
    </body>
</html>
Een HTML-pagina heeft een basale structuur bestaande uit de <HTML>, <head> en <body> elementen.

Slide 7 - Diapositive

Cet élément n'a pas d'instructions

Titel van de pagina
tag wordt gebruikt om de titel van de webpagina in de browser weer te geven.
<!DOCTYPE html>
<html>
    <head>
          <title>titel pagina</title>
    </head>
    <body>
          <!-- Inhoud pagina -->
    </body>
</html>
De title kan worden toegevoegd middels de <title> tag. Deze wordt in de <head> tag geplaatst.

Slide 8 - Diapositive

Cet élément n'a pas d'instructions

Tekst en afbeeldingen
<!DOCTYPE html>
<html>
    <head>
          <title>titel</title>
    </head>
    <body>
          Plaats hier je tekst
         en afbeeldingen
    </body>
</html>
Tekst en afbeeldingen kunnen worden toegevoegd aan de <body> van de HTML-pagina met behulp van verschillende tags.

Slide 9 - Diapositive

Cet élément n'a pas d'instructions

Opslaan en bekijken
Na het schrijven van de HTML-code kan de pagina worden opgeslagen met de extensie .html en in een webbrowser worden bekeken.

Slide 10 - Diapositive

Cet élément n'a pas d'instructions

Eindresultaat
Gefeliciteerd! Je hebt zojuist je eerste HTML-pagina gemaakt en bekeken in een webbrowser.

Slide 11 - Diapositive

Cet élément n'a pas d'instructions

Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.

Slide 12 - Question ouverte

De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.

Plus de leçons comme celle-ci

04 - HTML - head body

- Leçon avec 13 diapositives
ICTMBOStudiejaar 1-4

IAV HTML les 1

- Leçon avec 18 diapositives
media, vormgeving en ictMiddelbare schoolvmboLeerjaar 3,4

Basis HTML: Leer de grondbeginselen van webontwikkeling

- Leçon avec 15 diapositives

HTML & CSS 01 - 1 tmt 2.3 - introductie

- Leçon avec 30 diapositives
InformaticaWOStudiejaar 4,5

WEEK 2 - INFORMATICA

- Leçon avec 31 diapositives
InformaticaMiddelbare schoolhavoLeerjaar 4

Kennismaking met HTML Programmeren

- Leçon avec 14 diapositives

WEEK 2 - INFORMATICA

- Leçon avec 32 diapositives
InformaticaMiddelbare schoolhavoLeerjaar 4

Programmeren - HTML Les 1

- Leçon avec 23 diapositives