Hyperlinks

De <a>-tag (hyperlink, anchor) maakt een link die je naar een andere (sectie van een) pagina, afbeelding of bestand stuurt. De tekst die de gebruiker ziet en als link dient, staat tussen de openende en sluitende <a>-tags. Het attribuut href geeft de bestemming van de link weer.

Voorbeeld: hyperlink.html¹ (Klik op deze link om onderstaande webpagina te zien in je browser.)

<p>Klik <a href="https://www.google.com">hier</a> om naar Google te gaan.</p>

In dit voorbeeld zal de tekst "hier" een klikbare link zijn naar de startpagina van Google. href (hypertext reference) bevat de URL of bestandspad van de pagina waar de link naartoe verwijst.

Afbeeldingen

De <img>-tag (image) wordt gebruikt om afbeeldingen in HTML te tonen.

Voorbeeld van een afbeelding die niet geladen kan worden:

Voorbeeld: image.html² (Klik op deze link om onderstaande webpagina te zien in je browser.)

<img src="afbeelding.png" alt="Tekst met beschrijving voor als de afbeelding niet geladen kan worden.">

In dit voorbeeld geeft het attribuut src (source) aan waar de afbeelding zich bevindt ("afbeelding.png"). Het attribuut alt (alternate text) bevat een beschrijving van de afbeelding voor als de afbeelding niet geladen kan worden. Op die manier weet de lezer ongeveer wat er op de afbeelding staat als die niet zichtbaar is.

Enkel begintag

De img tag is een uitzondering en heeft enkel een begintag, geen eindtag.

Kies een eenvoudige bestandsnaam, zonder spaties en zonder hoofdletters.

Samenvatting

Tag / attribuut	Eindtag	Afkomst	Betekenis
<a>	</a>	anchor	Hyperlink naar een bestand of (onderdeel van een) pagina
href		hypertext reference	Attribuut met locatie van webpagina waarnaar verwezen wordt
<img>	geen	image	Afbeelding
alt		alternate text	Tekst die wordt weergegeven als afbeelding niet geladen kan worden.
src		source	Locatie en naam van afbeelding