HTML-bildlänk

Hur man gör en bild till en länk.

HTML-bildlänkkod

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

Eller använd css-styling bättre för att bestämma bredd och höjd.

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

Koden skapar den här länken:

Blomma

 

Koden har följande delar:

  • <a> är länktaggen.
  • attributet href ställer in webbadressen som ska länkas till.
  • <img> är bildens starttagg.
  • src- attribut ställer in bildfilen.
  • titel attribut sätter bild tooltip text.
  • alt är attributet för bildtagg alt text.
  • stil attributuppsättningar med css bredden och höjden av bilden.
  • </a> är länkens sluttagg.

 


Se även

HTML-LÄNKAR
ID-TABELLER