Een HTML pagina bestaat uit verschillende tags. Het is altijd op dezelfde manier ingedeeld.
Het begint altijd met "!DOCTYPE html"(tussen<>). Daarna komt de tag "html" en eindigt met "/html".
Tussen deze twee tags zit de volgende tags : "head" "title" "body" hieronder staat nogmaals
wat al deze tags hun functie is.
In de "body" kan je vorm geven aan je webpagina. Hierin kun je afbeeldingen, teksten, video's,
enz. Je hebt hiervoor aparte tags. De belangrijkste tags zijn "br"(het breakelement) dat
eigenlijk enter betekent. Daarnaast heb je ook nog "p"(paragraph) dat weer paragrafen aanduidt.
Om afbeeldingen in de webpagina te zetten gebruik je img-element. Dit geef je aan als
"img src = alt= title= width= en height= ." De img src betekent image source dus waar komt
het plaatje vandaan. Alt is alternative. Als in alternatief. Als het plaatje niet gevonden kan
worden op de webbrowser geeft dit een alternatief als je dit niet doet krijg je een foutmelding.
Daarnaast heb je ook nog de title die weergeeft wat de naam van de afbeelding is. Dit kun je zien
door met je muis over de afbeelding te laten hangen. De width en height geven de grootte aan.
Je kan hier ook nog een hyperlink aan vast zetten. De tag daarvoor is ahref="eenofanderelink.nl"
dit combineer je dan ook met de vorige we code
ahref="eenofanderelink.nl"
img src = alt= title= width= en height=
Je kan ook een youtube video in zetten. Je gebruikt dan deze code:
iframe width=" " height=" "src=" " frameborder=" "allow="accelerometer; autoplay; encrypted-media;
"gyroscope; picture-in-picture" allowfullscreen"/iframe"
De iframe betekent in welk vlak de video gaat spelen. Width en height laat zien hoe groot het vlak is.
De src (source) geeft aan welke video gaat spelen. De frame border laat zien hoe dik de rand is
om het vlak heen. Allow fullscreen betekent dat je toestemming geeft om de video op groot scherm af te spelen.
Je kan ook lijsten maken met een makkelijke code:
ul
li /li
li /li
li /li
/ul
Om er nummers ervoor te zetten vervang je bij de tag ul met ol