Link, ovvero i collegamenti ad altre pagine, siti o immagini.

Il link rappresenta in realtà l'anima del web in quanto senza di esso non sarebbe possibile alcuna navigazione, e tutte le funzioni principali del web (motori di ricerca, portali, ecc) sarebbero impossibili da gestire.

Per aggiungere un link dalla nostra pagina web ad un altra pagina, o sito, e' necessario utilizzare il Tag "<a href=link>...testo e/o immagine</a>", per esempio se volessimo linkare un sito web dal nostro sito, scriveremo:

<a href="http://www.linux.org">Sito web ufficiale del sistema operativo Linux</a>

otterremo:

Sito web ufficiale del sistema operativo Linux

Se facciamo clic su questo link andremo nel sito Linux, come specificato, ma questo andrà a sostituire il nostro sito, quindi perchè non farlo aprire in una nuova finestra, affinchè l'utente non vada via dal nostro sito? Questo è possibile tramite l'attributo "target", come nel seguente esempio:

<a href="http://www.linux.org" target="_blank">Sito web ufficiale del sistema operativo Linux</a>

e il risultato sara':

Sito web ufficiale del sistema operativo Linux

però in questo caso quando faremo clic su di esso si aprirà una nuova finestra con il link da noi specificato.

Se si vuole scrivere un testo corto ma allo stesso tempo si vuole fornire una descrizione del link, è possibile farlo con l'attributo "title", per esempio:

<a href="http://www.linux.org" target="_blank" title="Sito web ufficiale del sistema operativo Linux">Linux</a>

otterremo:

Linux

e quando andremo con il mouse sopra al link apparirà il testo specificato.

Ovviamente è possibile sostituire l'indirizzo web http://www.linux.org con un file HTML del nostro sito che avremmo realizzato in precedenza, ad esempio "news.htm", oppure ad un'immagine, ad esempio "fiore.jpg", cliccando sul link si aprirà il collegamento specificato.

E' possibile inoltre utilizzare un'immagine come link cliccabile, scrivendo il seguente codice:

<a href="http://www.linux.org" target="_blank" title="Sito web ufficiale del sistema operativo Linux"><img src="fiore.jpg"></a>

otterremo:

Questa è un'immagine cliccabile e funziona esattamente con il link testuale descritto sopra. Nel caso che si voglia rimuovere il bordo blu basta specificare "border=0" nel Tag dell'immagine.

Bookmark (segnalibri)

Un bookmark non è altro che un collegamento ad una sezione specifica della stessa pagina dove si trova il link, questo si ottiene inserendo un Tag particolare all'interno della pagina, cioe' "<a name=nome>", che ne segnala la posizione (come una bandierina o un segnalibro), poi utilizzando la solita sintassi per creare il collegamento.

Ad esempio, all'inizio di questa sezione, è stato inserito il tag:

<a name="collegamenti"></a>

quindi utilizzando il codice:

<a href="collegamenti">Torna all'inizio della sezione</a>

si otterrà:

Torna all'inizio della sezione

e cliccando su questo link l'utente verrà sbalzato all'inizio del capitolo.

Link ad email

E' possibile anche inserire un collegamento ad un indirizzo email, in modo che l'utente, cliccando sopra, si ritrovi con il proprio client di posta aperto pronto per spedire un messaggio di posta elettronica all'indirizzo email che verrà specificato, questo aggiungendo "mailto:" nell'url, come nell'esempio:

<a href="mailto:indirizzo@email">Contattaci</a>

si otterrà:

Contattaci

cliccando su questo link ci ritroveremo il nostro client di posta aperto con l'indirizzo email già preimpostato.

Target

L'attributo "target" è molto utile alla navigazione quando abbiamo la necessità di far aprire una pagina web o un URL esterno in una nuova finestra o in un determinato frame (che sono trattati più avanti).

Si utilizza così:

<a href="pagina.htm" target="nome">link</a>

Nel valore di "target" va specificato un nome di un frame, al clic quella determinata pagina si aprirà nel nome del frame specificato nel valore di "target, oppure in questo valore è possibile anche specificare una delle parole chiave predefinite per far aprire, per esempio, la pagina in una nuova finestra del browser. Le principali parole chiave sono:

"_self" per aprire la pagina nello stesso frame.
"_top" per annullare i frame.
"_blank" per aprire la pagina in una nuova finestra del browser.