Download de presentatie
De presentatie wordt gedownload. Even geduld aub
1
HTML5 introductie
2
Inleiding HTML (HyperText Markup Language) Browser
Voorbeelden van browsers: Internet Explorer Microsoft Edge Safari Google Chrome Opera Mozilla Firefox Opmaaktaal voor het beschrijven van webpagina’s. Zet webpagina’s om in een leesbare vorm.
3
Inleiding Drie aspecten met aparte tools bij het bouwen van een website: De structuur van de webpagina. De opmaak (lay-out) van de webpagina. De interactiviteit van de webpagina. HTML CSS JavaScript
4
Sjabloon voor HTML5 Basisdocument (sjabloon) waaraan code wordt toegevoegd: <!DOCTYPE html> <html lang="nl"> <head> <title>sjabloon</title> <meta charset="utf-8"> <link rel="stylesheet" href="css/opmaak.css"> </head> <body> Plaats hier de HTML-code </body> </html> html-document head bevat algemene info over de pagina. informatie over type document . titel van de pagina . taal (language) is Nederlands . karakterset . body bevat de code . verwijzing naar CSS-bestand . afsluiting head . afsluiting body . afsluiting html-document
5
Nesten Nesten de tag die het laatst geopend is, wordt als eerste weer gesloten. begintag <html> <!DOCTYPE html> <html> <head> <title>nesten</title> <meta charset="utf-8"> <link rel="stylesheet" href="opmaak.css"> </head> <body> ... </body> </html> begintag <head> eindtag <head> eindtag <html>
6
Valideren van code Valideren: het controleren van code op fouten.
7
Elementen Elementen: bouwstenen van HTML-pagina’s.
<p>Dit is de inhoud van een element</p> Sommige elementen hebben geen eindtag elementen zonder inhoud bijvoorbeeld: <br> en <img> <p>Inhoud waarop het element betrekking heeft</p> begintag eindtag
8
Attribuut zonder waarde
Attributen Attributen: staan in de begintag specificeren het element hebben een naam en meestal een waarde <img src=“afb/Enigma.jpg” alt=“afbeelding van Enigma”> naam waarde <hr size=“5” noshade> Attribuut zonder waarde
9
Attributen id en class Toevoegen van opmaak aan een element:
beschrijven in CSS-code door middel van attribuut id of class <p id=”naam”>Inhoud waarop het element betrekking heeft</p> id mag op een webpagina maar één keer voorkomen class kan aan verschillende elementen worden toegewezen.
10
Kopteksten en alinea’s
Kopteksten van niveau 1 tot en met 6: <h1>koptekst</h1> <h6>koptekst</h6> Indeling in alinea’s: <p>alinea</p>
Verwante presentaties
