Werken met Links
Veeg om het menu te tonen
Links, ook wel hyperlinks genoemd, stellen gebruikers in staat te navigeren tussen webpagina's, bronnen en diverse vormen van communicatie. In HTML worden links gemaakt met de <a> (anchor) tag.
<a href="href-value">some text</a>
Het href-attribuut binnen de <a>-tag specificeert de bestemming van de link. Het kan verschillende soorten URL's accepteren, waaronder:
- Absolute URLs: Geeft het volledige adres van de gekoppelde bron op, inclusief het protocol (bijv.
"https://www.example.com"); - Telephone URLs: Hiermee kunnen gebruikers direct vanuit de browser telefoongesprekken starten wanneer erop wordt geklikt. Geformatteerd als
"tel:phone-number". Het is essentieel om de landcode op te nemen en eventuele speciale tekens of spaties uit het telefoonnummer te verwijderen (bijv."tel:+123456789"); - Email URLs: Hiermee kunnen gebruikers e-mails opstellen wanneer erop wordt geklikt. Geformatteerd als
"mailto:email-address". Het is belangrijk om het volledige e-mailadres namailto:op te nemen (bijv."mailto:example@example.com").
Voorbeeld:
index.html
In het bovenstaande voorbeeld:
- De
<a>-tag maakt hyperlinks met verschillende bestemmingen; - Het
href-attribuut specificeert diverse URL's, waaronder absolute URL's, telefoonnummers en e-mailadressen.
Andere nuttige attributen
Het <a>-element heeft verschillende attributen die gebruikt kunnen worden om de eigenschappen van een hyperlink te specificeren. Enkele veelvoorkomende attributen zijn:
target="_blank": Geeft aan waar het gelinkte document geopend wordt."_blank"opent de link in een nieuw venster of tabblad;download: Geeft aan dat het doelbestand gedownload wordt wanneer de gebruiker op de hyperlink klikt. Dit attribuut kan een waarde hebben om de bestandsnaam voor het opslaan van de bron te specificeren.
Voorbeeld:
index.html
In dit voorbeeld:
- Het
href-attribuut specificeert de URL van de gelinkte bron; - Het
target-attribuut opent de link in een nieuw venster of tabblad.
1. Hoe worden links aangemaakt?
2. Wat specificeert het href attribuut in een <a> tag?
Was alles duidelijk?
Bedankt voor je feedback!
Sectie 1. Hoofdstuk 8
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Sectie 1. Hoofdstuk 8