Nel post precedente e’ stato spiegato come inserire una immagine nei documenti html, mentre adesso vedremo come usare una immagine come collegamento ipertestuale.
In precedenza avevamo visto come usare il tag àncora <A> per creare collegamenti ipertestuali che rimandino ad altri documenti o a URL di altri servizi presenti da qualsiasi parte nel World Wide Web.
Per creare un collegamento ipertestuale mediante immagine (Hyperlinked Image), si aggiunge al tag ancora <A> il codice <IMG> nell’ancora. Ecco un esempio:

<A HREF=”http://www.omniablog.net”><IMG SRC=”http://www.omniablog.net/banner” ALT=”www.omniablog.net”>

Come possiamo vedere nella prima parte vi e’ il tag àancora <a href> seguito dal tag <IMG> che e’ composto da SRC che indica l’indirizzo dell’immagine e da ALT che specifica del testo alternativo da visualizzare quando l’immagine non può essere visualizzata per qualsiasi motivo. Inoltre e’ possibile inserire altri tag che specificano le dimensioni dell’immagine da visualizzare. Sono BORDER, WIDHT e HEIGHT.

[daily ID=http://dailymotion.alice.it/Omniablog/video/x72lbf_uso-delle-immagini-come-collegament_tech]

Allo stesso modo e’ possibile collegare una miniatura, una piccola immagine inline, ad una versione piu’ grande della stessa immagine. Questo facilita il caricamento del documento HTML in quanto cliccando sulla miniatura, e’ possibile vedere l’immagine ingrandita.