Sei sulla pagina 1di 1

HTML: Come inserire un link in un'immagine

Ecco co m e inserire u n link in u n a foto u s a n d o il linguaggio h t ml...


Il pi u' clas sico d ei casi in cui si u s a u n a t ec nica d el ge ne re è p e r creare i co dici
HTML d ei n o s t ri ba n ne r, p e r q ue s t a gui da a nali z ze re m o q u e s t o ca so, ovvia m e n te
p o s sia m o es te n d e re q u e s t o m e t o d o p e r q u alsiasi im m agine (sia es sa icona, b a n n e r
o u n a q u alsia si fotografia).
Tu t t o q u ello che ci occor re è u n a foto e u n in diri z z o web d a a s s ociare alla
fo t og rafia... eccoli:

Ques t a i m m agine è caricat a n el web all'in diri z z o:


h t t p: / / p r o g ra m mifree. myblog.it /i m age s / b a n n e r.p ng
l'in diri z z o web che voglia m o collegare alla foto è: h t t p: / / p r ogra m mifree. myblog.it
Di sicu r o ci occorre u tiliz z a re il t ag < a > e il t ag < i m g >, m aggiori infor m a zio ni
p o s sia m o t r ovarle q ui:
h t t p: / / w ww.w3sc ho ols.co m / TAGS / t ag_a.as p
h t t p: / / w ww.w3sc ho ols.co m / TAGS / t ag_i mg.as p

Sulla ba s e di quanto acqui sito legge nd o le guid e s ui tag < a > e < i m g > pro via m o
a s cri v ere qu e sto c odice:
< a h ref ="http: / / p rogra m m i free. m y blog.it /" target ="_bla n k"><i m g
src="http: / / p rogra m m ifree. m y blog.it /i m a ges / b a n ner.p ng" / > < / a >
Ora cerc hia m o di t ra d u r re in ling ua italia na q ue s t a p o r zio ne di co dice HTML:
< a h r ef =" h t t p: / / p r ogr a m mifree. myblog.it /" t a rget ="_bla nk" >
sig nifica d a q ue s t o p u n t o in p oi crea u n link (il t ag < a >) all'in diri z z o
h t t p: / / p r o g ra m mifree. myblog.it / (specificato d a h ref) e d a p rilo in u n a n u ova
fine s t r a d el b row ser p re d efinito (target ="_bla nk")
< i m g s rc =" h t t p: / / p r ogra m mifree. myblog.it /i m age s / b a n n e r.p ng" / >
sig nifica in se risci l'i m m agine (tag < i m g >) caricat a n ell'in diri z z o web
h t t p: / / p r o g ra m mifree. myblog.it /i m age s / b a n n e r.p ng (specificato d a s rc che
sig nifica "so u rce")
< /a>
sig nifica fine d egli effet ti d el t ag < a >
Vedia m o ora l'effetto ch e crea qu e sto c odice HTML:

This o p e r a by Emilia no7 5 is licen se d u n d e r a Crea tive Co m m o n s Attrib u zio n e -


Non co m m e rciale 2.5 Italia Licen se