HTML-kuvalinkki

Kuinka tehdä kuvasta linkki.

HTML-kuvan linkkikoodi

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

Tai käytä paremmin css-muotoilua leveyden ja korkeuden määrittämiseen.

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

Koodi luo tämän linkin:

Koodissa on seuraavat osat:

• <a> on linkkitunniste.
• href- attribuutti asettaa linkitettävän URL-osoitteen.
• <img> on kuvan aloitustunniste.
• src- attribuutti asettaa kuvatiedoston.
• title- attribuutti asettaa kuvan työkaluvihjetekstin.
• alt on kuvalappu alt text -attribuutti.
• style- attribuutti asettaa css: llä kuvan leveyden ja korkeuden.
• </a> on linkin lopetustagi.

Katso myös

• HTML-linkki
• HTML-ankkurilinkki
• HTML-painikkeen linkki
• HTML-latauslinkki
• HTML-linkin väri
• HTML mailto -linkki
• HTML uusi ikkuna -linkki