Inserire dei link

I link in una pagina Web sono aree attive del testo che ci permettono, con un click del mouse, di saltare a un documento collegato. La prima cosa che occorre decidere è dunque quale parte del testo si vuole rendere attiva, e poi inserire il marcatore per definirla come tale. La sintassi è la seguente:

<a href="url del documento di destinazione">testo attivo</a>

'A' di 'a href' sta per anchor, ancora in inglese, e l'attributo 'href' sta per 'riferimento ipertestuale', e deve contenere la URL completa del documento di destinazione.

Aggiungiamo nella nostra pagina 'prova.htm' un link ipertestuale, inserendo una riga contenente la scritta letteratura e procediamo nel modo sotto esposto:

letteratura - visita la <a href="http://www.liberliber.it"> biblioteca telematica</a> di Liber Liber.

Ed ecco il risultato a video

letteratura - visita la biblioteca telematica di liber Liber

Tutto qui. Da adesso in poi, è sufficiente un click su 'biblioteca telematica' per collegarsi all'indirizzo Internet 'http://www.liberliber.it'. Con il medesimo semplice meccanismo, possiamo inserire link ad altri documenti presenti sul nostro stesso sito, e addirittura a punti specifici di un documento. La sintassi del path per richiamare un documento all'interno del nostro stesso sito è la medesima utilizzata per richiamare le immagini. Quindi:

Per inserire il link a un punto specifico di un altro documento (o anche a un punto specifico del documento che si sta leggendo) è necessario ricorrere preventivamente a un altro attributo del comando '<a>', cioè 'name="testo"' (es.: <a name="start"></a>). La funzione dell'attributo 'name' è quella di assegnare un nome a una parte del documento, così che in seguito vi si possa far riferimento. Facciamo subito un esempio pratico, e assegniamo il nome 'start' alla parte iniziale del nostro file 'prova.htm', aggiungendo la riga evidenziata:

<html>
<head>
<title>La prima pagina Web di enrica</title>
</head>
<body bgcolor="#FFFFFF" text="#990000">
<a name="start"></a>
<h1 align="center">Home page di Enrica</h1>
<p>Questa &egrave; la mia prima pagina in HTML.</p>
ecc.

Ora è possibile riferirsi alle prime righe del file 'prova.htm' con il nome 'start'. La sintassi per invocare la parte di testo chiamata 'start', dal momento che si trova all'interno dello stesso file.htm, è la seguente:
"#nome assegnato al riferimento interno".
Es.:

<a href="#start">testo cliccabile</a>

E' anche possibile creare collegamenti a parti specifiche di nuovi documenti. Se nel documento prova.htm si scrive:

Ecco il mio <A NAME = "studi"> piano di studi</A>

e in un altro documento: 2.htm ho dato al possibilità di collegarsi direttamente al mio piano di studi:

Questi sono i miei <A HREF="prova.htm#studi">piano di studi</A>: non male !

allora, premendo il tasto del mouse sulla parola piano di studi nel documento 2.htm si aprirà il documento prova.htm direttamente sulle righe del piano di studi.
Come vedete l'unica differenza è che nella corrispondente <HREF> si deve necessariamente mettere
"nomefile#nome assegnato al riferimento interno"

Oltre che definire link tra documenti di World Wide Web, con il tag '<a href>' è anche possibile permettere ai futuri visitatori della nostra pagina di inviarci dei messaggi di posta elettronica. Questa la sintassi:
"mailto:user@indirizzo della casella postale"

<a href="mailto:enrica@fauser.edu">Fai click qui per scrivermi</a>

Prima di proseguire, diamo un'occhiata al nostro file 'prova.htm' così da ripassare alcuni degli ultimi comandi visti (sono in evidenza):

<html>
<head>
<title>La prima pagina Web di Enrica</title>
</head>
<body bgcolor="#FFFFFF" text="#990000">
<a name="start"></a>
<h1 align="center">Home page di Enrica </h1>
<p>Questa &egrave; la mia prima pagina in HTML.</p>
<h3>Il mio tempo libero</h3>
<ul>
<li>letteratura - visita la <a href="http://www.liberliber.it">biblioteca telematica</a> di Liber Liber
<li>cinema (qui sotto la classifica dei miei film preferiti)
<ol>
<li>La vita é bella
<li>Un pesce di nome Wanda
<li>L'uomo della pioggia
</ol>
<li>sport
<ol>
<li>Calcio
<li>Tennis
<li>Pallavolo
</ol>
</ul>
<h3>Il lavoro</h3>
<dl>
<dt>Esperienze amministrative in Ditte
<dd>contabilità aziendale, bilancio, prima nota marketing
<dt>Manuali
<dd>ho scritto un manuale sul linguaggio html ed uno su Internet
<dt>Corsi
<dd>ho tenuto corsi a ragazzi, docenti ed anziani su argomenti vari
</dl>
<hr width="80%" align="center" noshade>
<p><img src="mouse.gif" width="296" height="181" alt="Foto di un mouse" hspace="10" vspace="5" align="left"><font size="-1" color="#000000">Testo qualsiasi, testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi testo qualsiasi.</font></p>
<p align="center"><a href="#start">Fai click qui per tornare in cima al documento.</a></p>
<p align="center"><a href="mailto:enrica@fauser.edu">Fai click qui per scrivermi.</a></p>
</body>
</html>

Ecco il risultato a video:

un click sulla penultima riga ('Fai click qui per tornare in cima al documento') sposta in alto la finestra del browser, un click sull'ultima riga ('Fai click qui per scrivermi') consente invece l'invio di una e-mail all'indirizzo specificato.

Come detto precedentemente se il documento da collegare non è locale, si deve utilizzare, come indirizzo, l' Uniform Resource Locator noto come URL. L'URL contiene la localizzazione del documento e il tipo di risorsa utilizzata per accederci. Il formato tipico di un URL è:

schema://indirizzo_ip/path/filename

Gli ultimi due campi sono il pathname completo e assoluto all'interno della macchina il cui indirizzo di rete è specificato in indirizzo_ip. Schema, viceversa, specifica il tipo di risorsa da utilizzare per il collegamento e può assumere uno dei seguenti valori: