Come inserire un link in un'immagine

Le immagini sono un mezzo di comunicazione davvero potente. In un semplice scenario si possono racchiudere messaggi di varia natura, i quali colpiscono direttamente l'attenzione dell'osservatore. La pubblicità riesce ad essere efficace proprio grazie ad un impiego ragionato delle immagini. Quando ad esempio navighiamo in Internet, ci imbattiamo spesso in messaggi pubblicitari particolari come i banner. SI tratta di piccole barre contenenti una foto, talvolta accompagnata da brevi frasi o parole chiave. Cliccando su di esso, veniamo ricondotti sulla pagina sponsorizzata da quella specifica immagine. Sicuramente ci staremo chiedendo come sia possibile che dentro una foto si trovi un collegamento ad un sito web. Ebbene, scopriamolo seguendo le istruzioni presenti qui di seguito. Ci serviranno a capire come inserire un link in un'immagine. La procedura non è particolarmente difficoltosa, ma è preferibile avere qualche conoscenza di base sul linguaggio HTML.

• PC
• Connessione ad Internet
• Notepad ++
• URL del sito
• URL dell'immagine
• Conoscenze di base sul linguaggio HTML

Per inserire un link in un'immagine, abbiamo sicuramente bisogno di conoscere il linguaggio HTML. Grazie ad esso potremo così creare un apposito codice che verrà poi impiegato per il collegamento alla pagina web nascosta nell'immagine del banner. Per scrivere codici HTML, avremo bisogno di un buon editor di tasto. Potremmo anche utilizzare il classico Notepad, presente di default sul nostro computer. Però Notepad ++ è un editor decisamente più completo, studiato appositamente per i linguaggi di programmazione. Andiamo a scaricare il software all'indirizzo https://notepad-plus-plus.org/download/v7.5.6.html. Al termine del download basterà cliccare sul file exe per l'avvio dell'installazione. Una volta completata anche la procedura si setup, un doppio click sul collegamento di Notepad ++ ci permetterà di avviare l'editor.

Una volta avviato Notepad ++, dovremo creare un file HTML con all'interno tutto il necessario per inserire un link in un'immagine. Facciamo click su "File" e scegliamo la voce "nuovo". Ora portiamoci nella sezione "Linguaggio". Dall'elenco scegliamo la lettera H e clicchiamo infine su "HTML". A questo punto si potrà scrivere il codice relativo al link che verrà inserito nell'immagine. Se non abbiamo molta esperienza nel campo dei linguaggi di programmazione, utilizziamo il seguente codice: . Una volta inserito il comando HTML appena fornito, andiamo a salvare il file. Facciamo click su "File" e scegliamo l'opzione "Salva con nome". Assegneremo la dicitura "index.html" al documento appena creato e salvato.

Per inserire un link in un'immagine, non ci resta che inserire l'URL del sito che ci interessa e quello dell'immagine scelta. Riprendiamo per un momento il codice digitato poc'anzi. Negli spazi scritti in maiuscolo, inseriremo gli indirizzi web. Quello di destinazione sarà il link del sito che apriremo con il click sul banner. L'altro spazio, come ci suggerisce la dicitura, verrà riservato al link dell'immagine. Facciamo un piccolo esempio per farci un'idea più chiara. Dobbiamo inserire il link relativo ad un sito di prenotazioni nell'immagine di un paesaggio di mare. Il codice HTML assumerà dunque questa impostazione: https://www.booking.com/index.it.html">https://www.vacanzevillaggimare.it/public/vacanze_mare.jpg" />.

• Salvare il file HTML prima di inserire gli URL nell'apposito box.
• Controllare di aver inserito correttamente i tag HTML.

• HTML: Come inserire un link in un’immagine
• Come aggiungere un link a un'immagine
• Aggiungere un link ad un'immagine
• Come inserire in un'immagine il link ad una pagina web