Tällä sivulla käsitellään minkä tahansa kuvan linkittämistä toiselle sivulle. HTML-koodissa näet hyperlinkkitunnisteen, jossa on href attribuutti ja kuvatunniste src attribuutti. A href-tunnisteen tulee sisältää kuvatunniste, jotta se voidaan linkittää toiselle sivulle. Katso alla olevasta esimerkistä näiden termien perusteellinen selitys.
HTML-kuvalinkin esimerkkikoodi
<p> <a href="https://www.computerhope.com/"> <img src="https://www.computerhope.com/cdn/media/logo-200-gray.png"> </a> </p>
Esimerkki selitetty
Ensinnäkin kappaleelementti (
-tunniste) sisältää kuvan ja hyperlinkin.
Seuraavaksi -tunniste on hyperlinkki, joka osoittaa Computer Hope -verkkosivustolle.
Seuraavaksi kolmas rivi sisältää -tunnisteen, jota käytetään kuvan näyttämiseen. Attribuutti src kertoo selaimelle, missä kuva sijaitsee.
Lopuksi neljäs ja viides rivi ovat aiemmin avattujen “a”- ja “p”-tunnisteiden sulkevat tagit.
Esimerkkikooditulos
Tässä esimerkissä kuvan napsauttaminen vie sinut Computer Hopen kotisivulle.
