HTML-kuvalinkki

Kuinka tehdä kuvasta linkki.

HTML-kuvalinkin koodi

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

Tai parempi käyttää css-tyyliä 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 määrittää URL-osoitteen, johon linkitetään.
• <img> on kuvan aloitustunniste.
• src -attribuutti asettaa kuvatiedoston.
• title -attribuutti määrittää kuvan työkaluvihjetekstin.
• alt on kuvatunnisteen alt text -attribuutti.
• style attribuutti asettaa css:llä kuvan leveyden ja korkeuden.
• </a> on linkin lopputunniste.

Katso myös

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