HTML-tags en -elementen
Leer wat tags en elementen zijn en hoe ze werken.
HTML-tags en -elementen is een gratis HTML for Kids-les op CoddyKit. Dit is les 3 van 4. Je kunt de volledige les hieronder gratis lezen en daarna in de browser praktisch oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject HTML for Kids. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus HTML for Kids bevat in totaal 4 lessen.
HTML-tags en elementen
Welkom bij de volgende les! Vandaag leer je meer over HTML-tags en elementen. Dit zijn de bouwstenen van elke webpagina die je maakt.
Wat zijn HTML-tags?
HTML-tags zijn speciale trefwoorden tussen punthaken <>. Ze vertellen de browser wat hij moet doen met de inhoud die erin staat.
Voorbeeld van een tag:<h1>
Tags komen meestal in paren: een openende tag en een sluitende tag.
Voorbeeld:
<h1>Hello</h1>Wat zijn HTML-elementen?
Een HTML-element is een combinatie van een openende tag, inhoud en een sluitende tag.
Bijvoorbeeld:
<h1>Welcome to My Page</h1>Soorten tags
Er zijn twee hoofdtypen tags:
- Tags in paren: Deze hebben zowel een openende als een sluitende tag. Voorbeeld:
<p>Paragraph</p> - Zelfsluitende tags: Deze hebben geen sluitende tag nodig. Voorbeeld:
<img />
Veelgebruikte tags
Hier zijn enkele eenvoudige HTML-tags die je vaak zult gebruiken:
<h1> to <h6>: Koppen, van groot naar klein<p>: Alinea<a>: Koppeling<img>: Afbeelding<br>: Regeleinde
Laten we een voorbeeld bekijken:
<h1>Welcome!</h1>
<p>This is a paragraph of text.</p>
<a href="https://example.com">Click here</a>
<img src="image.jpg" alt="An example image" />
<br />Attributen in tags
Attributen geven extra informatie over een element. Ze staan in de openende tag.
Voorbeeld:
<a href="https://example.com"
target="_blank">Visit Example</a>
Tags nesten
Je kunt de ene tag in een andere plaatsen. Dit heet nesten.
Voorbeeld:
<p>This is a <strong>bold</strong> word.</p>
Volgorde bij het sluiten van geneste tags
Onthoud: Sluit altijd eerst de binnenste tag voordat je de buitenste tag sluit.
Voorbeeld: alles samenvoegen
Hier is een voorbeeld waarin alles wat we hebben geleerd wordt gecombineerd:
<!DOCTYPE html>
<html>
<head>
<title>My HTML Example</title>
</head>
<body>
<h1>Welcome to My Web Page</h1>
<p>This is a <strong>simple</strong> paragraph of text.</p>
<a href="https://example.com" target="_blank">Click here to learn more</a>
<br />
<img src="image.jpg" alt="A beautiful view" />
</body>
</html>Goed gedaan!
Gefeliciteerd! Je hebt geleerd over HTML-tags, elementen, attributen en nesten. Dit zijn de bouwstenen van elke webpagina die je maakt. In de volgende les schrijf je je eerste HTML-pagina met echte inhoud!
Leer HTML met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 16
- Lessen
- 35
Veelgestelde vragen
Is de les “HTML-tags en -elementen” gratis?
Ja — de volledige tekst van “HTML-tags en -elementen” kun je hier gratis op het web lezen. Als je interactief wilt oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is, en de rest van de cursus HTML for Kids wilt ontgrendelen, kun je upgraden naar CoddyKit PRO. De cursus HTML for Kids bevat in totaal 4 lessen.
Wat leer ik in “HTML-tags en -elementen”?
Leer wat tags en elementen zijn en hoe ze werken. Je oefent met HTML for Kids door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met HTML for Kids te beginnen?
Ervaring vooraf is niet nodig. HTML for Kids op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 3 van 4.
Hoe lang duurt de les “HTML-tags en -elementen”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over HTML for Kids?
Ja. Elke les over HTML for Kids bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.
Alle lessen in deze cursus
- Wat is HTML?
- HTML-structuur: de bouwstenen
- HTML-tags en -elementen
- Uw eerste HTML-pagina instellen