HTML-afbeeldingslink

Hoe maak je van een afbeelding een link.

HTML-afbeeldingslinkcode

<a href="../html-link.htm"><img src="flower.jpg" width="82" height="86" title="White flower" alt="Flower"></a>

Of gebruik beter css-styling om de breedte en hoogte te bepalen.

<a href="../html-link.htm"><img src="flower.jpg" style="width:82px; height:86px" title="White flower" alt="Flower"></a>

De code maakt deze link:

De code heeft de volgende onderdelen:

• <a> is de linktag.
• href attribuut stelt de URL in om naar te linken.
• <img> is de starttag van de afbeelding.
• src attribuut stelt het afbeeldingsbestand in.
• title attribuut stelt de tooltiptekst van de afbeelding in.
• alt is het alt-tekstkenmerk van de afbeeldingstag.
• style attribuut stelt met css de breedte en hoogte van de afbeelding in.
• </a> is de eindtag van de link.

Zie ook

• HTML-koppeling
• HTML-ankerlink
• Link naar HTML-knop
• HTML-downloadlink
• HTML-linkkleur
• HTML mailto-link
• HTML nieuw venster link