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:

Kukka

 

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-LINKIT
Henkilötaulukot