Koppelingen: het web verbinden
Leer hoe u klikbare koppelingen maakt
Koppelingen: het web verbinden 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.
Links: het web verbinden
Welkom bij de volgende les! Vandaag leer je hoe je links maakt in HTML. Met links verbind je verschillende webpagina's en kunnen gebruikers gemakkelijk door het internet navigeren.
Wat zijn links?
Links zijn aanklikbare elementen op een webpagina die je naar een andere pagina, een specifieke sectie of zelfs een bestand brengen.
Links worden gemaakt met de tag <a>, die staat voor 'anchor'.
We maken een eenvoudige link!
Een eenvoudige link maken
Gebruik voor het maken van een link de tag <a> met het attribuut href. Met href geef je de bestemming van de link op.
Voorbeeld:
<a href="https://www.google.com">
Visit Google</a>
Links in een nieuw tabblad openen
Je kunt een link in een nieuw tabblad laten openen door het attribuut target="_blank" aan de tag <a> toe te voegen.
Voorbeeld:
<a href="https://www.wikipedia.org"
target="_blank">Open Wikipedia in a New Tab</a>
Naar andere pagina's linken
Met links kun je ook verbinding maken met andere pagina's op je website. Gebruik een relatieve URL (de bestandsnaam) in plaats van een volledig webadres.
Voorbeeld:
<a href="about.html">About Us</a>
Naar specifieke secties linken
Je kunt naar een specifieke sectie van dezelfde pagina linken met een ID. Voeg de ID toe aan het element waarnaar je wilt linken en gebruik vervolgens #id in het attribuut href.
Voorbeeld:
<!-- Link -->
<a href="#contact">Go to Contact Section</a>
<!-- Section -->
<h2 id="contact">Contact Us</h2>
<p>Email us at contact@example.com</p>
Naar e-mailadressen linken
Je kunt een link maken waarmee de e-mailtoepassing van de gebruiker wordt geopend door mailto: in het attribuut href te gebruiken.
Voorbeeld:
<a href="mailto:hello@example.com">
Send an Email</a>
Tooltips aan links toevoegen
Je kunt een tooltip toevoegen die verschijnt wanneer de gebruiker de muis boven de link houdt. Gebruik hiervoor het attribuut title.
Voorbeeld:
<a href="https://www.python.org"
title="Visit the Python website">Learn Python</a>
Goed gedaan!
Gefeliciteerd! Je hebt geleerd hoe je links maakt, ze in nieuwe tabbladen opent, naar specifieke secties linkt en zelfs naar e-mailadressen linkt. Links vormen de ruggengraat van het web en verbinden alles met elkaar. In de volgende les leer je hoe je afbeeldingen aan je webpagina's toevoegt. Maak je klaar om je pagina's kleurrijker te maken!
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 “Koppelingen: het web verbinden” gratis?
Ja — de volledige tekst van “Koppelingen: het web verbinden” 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 “Koppelingen: het web verbinden”?
Leer hoe u klikbare koppelingen maakt 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 “Koppelingen: het web verbinden”?
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
- Kopteksten en alinea's
- Lijsten: genummerd en ongenummerd
- Koppelingen: het web verbinden
- Afbeeldingen: afbeeldingen aan uw pagina toevoegen