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 is de (onderlijnde) tekst "hier" een klikbare link naar de startpagina van Google. Het attribuut href (hypertext reference) bevat de URL of het bestandspad van de pagina waar de link naartoe verwijst.

Afbeeldingen

De <img>-tag (image) wordt gebruikt om afbeeldingen in HTML te tonen. Het attribuut src (source) bevat de URL of het bestandspad van de afbeelding. Het attribuut alt (alternate text) bevat een alternatieve beschrijving van de afbeelding die getoond wordt als de afbeelding niet kan getoond worden. Op die manier weet de lezer dan ongeveer wat er op de afbeelding te zien is.

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 aan waar de afbeelding zich bevindt ("afbeelding.png"). Het attribuut alt bevat de beschrijving van de afbeelding voor als de afbeelding niet getoond kan worden.

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