Attraverso i link, è possibile collegare tra loro diversi file disponibili in Rete.
All’interno di una pagina HTML, infatti, è possibile creare collegamenti ipertestuali verso altre pagine HTML oppure linkare qualsiasi tipo di file: immagini, documenti PDF, file eseguibili, archivi ZIP…
Se ad essere collegata è un’altra pagina HTML o un’immagine di un formato ottimizzato per il web (PNG, JPG o GIF) allora il browser aprirà la pagina collegata o l’immagina, se invece si tratta di un file ZIP, di un EXE o di un altro tipo di file non direttamente gestibile dal browser (ad es. un file DOC, CSV, MDB, MOV, ecc.), allora il nostro browser si limiterà ad effettuarne il download in qualche cartella per poi aprirlo con il software apposito.
COME SI REALIZZA UN LINK?
Il tag da usare è <a href=”pagina_da_aprire.html”> Clicca qui </a> dove la parte “pagina_da_aprire.html” rappresenta la pagina web collegata, e la scritta Clicca qui è la parte che realmente apparirà sulla pagina cliccabile e passando su di essa il puntatore che diventerà un manina
Ecco alcuni esempi di link alle pagine interne del nostro sito:
<a href=”index.html”>Home Page</a>
<a href=”chi-siamo.html”>Chi Siamo</a>
<a href=”contattaci.html”>Contattaci</a>
Questo è un esempio di link ad una pagina di un sito esterno:
<a href=”http://www.sito.ext/pagina.html”>Sito esterno</a>
Se invece desidero collegare un file da scaricare, allora il link si scriverà così ad esempio:
<a href=”regolamento.pdf”>Scarica il regolamento</a>
PROPRIETA’
Come per il tag TABLE, dove è possibile stabilire lo spessore dl bordo, la spaziatura tra celle ed altro, anche nel tag HREF sono disponibili alcune personalizzazioni. Quella su cui è importante soffermarsi è l’attributo TARGET.
Questo attributo permette di aprire il link nella stessa finestra del browser (_self), in una nuova finestra (_blank) oppure all’interno di uno specifico frame. Anche se non sappiamo ancora cosa sono i frame, è importante sapere che ormai non si usano più, quindi ignoriamo questa opzione. Quella che ci interessa solo una: _blank
In pratica se inseriamo nel nostro sito web il link ad una pagina web esterna in questo modo:
<a href=”http://www.ciaoatutti.it/pagina.html”>Sito esterno</a>
Se si clicca su Sito esterno usciremo dal nostro sito per andare su un altro. Dal punto di vista di marketing, uscendo dal sito per andare su uno esterno, si lascia il sito che si sta visitando passando ad un altro. Allora potrebbe essere importante mantenere il visitatore nel “nostro” sito, aprendo l’altro in una nuova pagina del browser. Ebbene, questa operazione si effettua inserendo la proprietà _blank nel tag html in questo modo:
<a href=”http://www.ciaoatutti.it/pagina.html” target=”_blank” >Sito esterno</a>