HTML-afbeeldingslink

Hoe je van een afbeelding een link kunt maken.

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 link-tag.
• href- attribuut stelt de URL in waarnaar moet worden gelinkt.
• <img> is de start-tag van de afbeelding.
• src- attribuut stelt het afbeeldingsbestand in.
• title attribuut stelt de afbeelding tooltip tekst in.
• alt is het alt-tekstattribuut van de afbeeldingstag.
• style- attribuut stelt met css de breedte en hoogte van de afbeelding in.
• </a> is de link-eindtag.

Zie ook

• HTML-koppeling
• HTML-ankerlink
• HTML-knoplink
• HTML-downloadlink
• HTML-linkkleur
• HTML mailto-link
• HTML nieuw venster link