HTML5 introductie
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.
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
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
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>
Valideren van code Valideren: het controleren van code op fouten. http://validator.w3.org
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
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
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.
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>