Ecco come inserire un link in una foto usando il linguaggio html…

Il piu’ classico dei casi in cui si usa una tecnica del genere è per creare i codici HTML dei nostri banner, per questa guida analizzeremo questo caso, ovviamente possiamo estendere questo metodo per qualsiasi immagine (sia essa icona, banner o una qualsiasi fotografia).

Tutto quello che ci occorre è una foto e un indirizzo web da associare alla fotografia… eccoli:

Questa immagine è caricata nel web all’indirizzo: //programmifree.myblog.it/images/banner.png

l’indirizzo web che vogliamo collegare alla foto è: http://programmifree.myblog.it

Di sicuro ci occorre utilizzare il tag <a> e il tag <img>, maggiori informazioni possiamo trovarle qui:

http://www.w3schools.com/TAGS/tag_a.asp

http://www.w3schools.com/TAGS/tag_img.asp

Sulla base di quanto acquisito leggendo le guide sui tag <a> e <img> proviamo a scrivere questo codice:

Ora cerchiamo di tradurre in lingua italiana questa porzione di codice HTML:

<a href=”http://programmifree.myblog.it/“ target=”_blank“>

significa da questo punto in poi crea un link (il tag <a>) all’indirizzo http://programmifree.myblog.it/ (specificato da href) ed aprilo in una nuova finestra del browser predefinito (target=”_blank”)

<img src=”//programmifree.myblog.it/images/banner.png“/>

significa inserisci l’immagine (tag <img>) caricata nell’indirizzo web //programmifree.myblog.it/images/banner.png (specificato da src che significa “source”)

</a>

significa fine degli effetti del tag <a>

Vediamo ora l’effetto che crea questo codice HTML: