Un'importante caratteristica del World Wide Web è la capacità di consentire un facile movimento da una pagina all'altra, con un'apparente continuità. Un'interessante aspetto dello sviluppo di pagine Web è la capacità di collegare pagine tra di loro. In questo progetto imparerete a collegare pagine Web utilizzando i seguenti tipi di collegamenti.

• Collegamenti in una pagina Web
• Collegamenti a un'altra pagina Web dello stesso sito Web
• Collegamenti a un altro sito Web
• Collegamenti di posta elettronica

<A HREF>

L'elemento <A> (la A sta per Anchor) ha bisogno di un tag di apertura e chiusura e al suo interno è possibile inserire testo, immagini o altri elementi multimediali.
Perchè funzioni, l'elmento <A> deve essere associato ad altri attributi. Il più importante di questi è HREF (abbreviazione di Hypertext Reference) contenente l'URL o la pagina da raggiungere. Questa la sintassi:

<A HREF="http://www.diegobenna.3000.it">Visita diegobenna.3000.it</A>

Nel codice sopracitato cliccando sul testo "Visita diegobenna.3000.it" (compreso tra i tag A in apertura e chiusura) si raggiunge l'URL http://www.diegobenna.3000.it indicato dall'attributo HREF.

E' possibile sostituire al testo un'immagine con effetto identico.

HREF può contenere sia link a risorse esterne (come in questo caso) ovvero link ad altri documenti dello stesso sito. Per esempio, se ci troviamo nella pagina 1.htm e vogliamo inserire un link alla pagina 2.htm presente nella stessa cartella, il codice corretto è:

<A HREF="2.htm">Clicca qui per raggiungere la nuova pagina</A>

TARGET

TARGET è un attributo implementato per esigenze legate alla gestione dei frame. In una pagina divisa in frame, infatti, questo attributo indica in quale di questi debba essere visualizzato il documento. Non entriamo nel merito dei frame.

In questa sede possiamo, però, trattare di un uso ulteriore di questo attributo. Grazie a TARGET è possibile caricare un pagina associata a HREF in un'altra finestra del browser, attraverso la seguente sintassi:

<A HREF="http://www.diegobenna.3000.it" TARGET="_new">Visita diegobenna.3000.it</A>

L'attributo TARGET="_new" indica al browser di caricare il link a http://www.diegobenna.3000.it in una nuova (_new) finestra.

Il lancio di nuove finestre da link può essere molto utile nel caso in cui si rimandi a risorse esterne e non si voglia perdere il visitatore, che in questo modo terrà aperte due finestre.

TITLE

Come per l'elemento IMG <http://www.diegobenna.3000.it/guida/diego_09.htm> anche per i collegamenti ipertestuali è possibile definire un testo di commento, attivato quando il mouse passa sull'area di link. Questa la sintassi:

<A HREF="http://www.diegobenna.it" TITLE="il miglior sito del web">Visita diegobenna.it</A>

Questo l'esempio pratico: Visita diegobenna.it

MAILTO (link a e-mail)

E' possibile inserire collegamenti anche verso indirizzi e-mail, attraverso una sintassi leggermente diversa da quella indicata per le URL. Questo il codice:

<A HREF="mailto:diego.benna@libero.it">Scrivi a diegobenna.it</A>

Questo l'esempio pratico: Scrivi a diegobenna.it

Cliccando su questo link viene automaticamente aperto il tuo programma di posta predefinito con il campo TO già impostato su webmaster@html.it.

Link interni al documento

Finora abbiamo analizzato link a risorse esterne o altre pagine di uno stesso sito. E' possibile creare collegamenti con punti specifici di uno stesso documento, grazie al codice <A NAME= "ancora">.In altri termini se con i collegamenti visti finora viene linkato un documento, con <A NAME> viene linkato un punto specifico del documento.
Seguono le procedure per creare collegamenti a punti interni del documento:

Inserisci il tag <A NAME="ancora"> nel punto del documento da raggiungere. ancora è il nome identificativo del punto in cui il browser dovrà visualizzare la pagina. Ovviamente puoi sostituirlo con altri termini.

Nel collegamento dal quale vuoi raggiungere il punto del nuovo documento inserisci la seguente sintassi: <A HREF="#ancora">Visita HTML.it</A>

Il cancelletto (#) indica che si tratta di un link interno. L'esempio considerato rimanda ad un punto della stessa pagina, perchè se a destra del cancelletto c'è il nome del link interno, a sinistra non è scritto nulla. Se volessimo raggiungere un punto preciso di un documento esterno la sintassi corretta dovrebbe essere: <A HREF="nome_file.htm#ancora">Visita diegobenna.3000.it</A>. Dove "nome_file.htm" è il nome del documento da raggiungere, e "ancora" il punto preciso all'interno dello stesso.