8. Collegamenti ipertestuali (link)
Generalità
La caratteristica principale di un documento HTML, e anche uno dei motivi per il quale è stato sviluppato è l'ipertestualità del documento.
Cosa significa ipertestualità? Significa che il documento contiene dei richiami ad altri documenti od immagini che, con un semplice clic del mouse, possono essere visualizzati.
Consideriamo per un istante la grandezza di questa innovazione. Prendiamo quale esempio il caso in cui si sta conducendo una ricerca in
un'enciclopedia per sapere cos'è un Personal Computer. Andiamo a prendere il volume con la lattera 'P' e dopo aver cercato la voce desiderata leggiamo: "il personal computer è un insieme di hardware e software che consente l'elaborazione di dati con
velocità di molto superiore a quella dell'uomo".
Peccato che non si conosca l'esatto significato delle parole Hardware e Software, così, con buona lena, andiamo a prendere i volumi delle
lettere "H" e "S".
Andiamio a cercare hardware e troviamo:
"l'hardware è quella parte del personale computer che comprende parti elettroniche e meccaniche: case, mother board, processore,
monitor ecc."
Ad un neofita già ciò è sufficiente per andare a prendere i volumi "C", "M" per vedere che significa case e mother
board!
Se l'enciclopedia fosse stata su PC, invece, appena raggiunta la voce Personal Computer, avremmo notato un "collegamento" alle
voci "hardware" e "software". Cliccandoci, il computer avrebbe immediatamente visualizzato la voce prescelta e da lì, avremmo potuto leggere tutti i termini a noi sconosciuti.
URL
Per realizzare dei collegamenti (link) con i documenti HTML è ncessario fare uso delle cosiddette "Ancore" (Anchor). Un'ancora non
è altro che un riferimento ad un'altro indirizzo WWW.
Un indirizzo WWW è chiamato URL (Uniform Resource Locator) ed è la maniera standard di esprimere il "luogo" in cui è situata una
risorsa sulla rete Internet.
Per esempio, l'home page sul quale trovate questo corso di Html è:
http://www.sitopreferito.it:80/index.html#inizio
Una URL è di norma composta da:
- metodo per accadere alla risorsa (http:);
- nome del server che fornisce la risorsa (www.sitopreferito.it);
- numero della porta utilizzata sul server (default: 80);
- nome del file della risorsa (eventualmente con tutto il path) /index.html;
- segnalibro nel documento (#inizio).
In pratica la stessa URL poteva essere scritta nella seguente maniera ed ottenere lo stesso effetto in quanto la porta 80 è normalmente di
default e l'ancora nel documento non è necessaria se si deve puntare all'inizio del file:
http://www.sitopreferito.it/index.html
Ancora (Anchor)
Per collegare un documento all'altro, in HTML, deve essere utilizzato il tag <A></A> come di seguito indicato.
<A HREF="http://www.sitopreferito.it/index.html"> Questo è il collegamento alla home page di Antonio Rossi</A>
ed appare così:
Questo è il collegamento alla home page di Antonio Rossi
Tutto ciò che viene inserito tra i tag di aprtura e di chiusura sarà evidenziato e potrà esse cliccato per attivare il link. E' chiaro che
all'interno del collegamento può essere inserito sia del semplice testo che un'immagine. In quest'ultimo caso sarà il click sull'immagine ad attivare il collegamento.
Una URL, inoltre, non deve necessariamente puntare ad un file presente su un sistema remoto della rete Internet, ma può puntare anche
ad un file presente sul sistema locale.
Se volessimo visualizzare il documento chiamato prova.html presente all'interno di questo corso, sarebbe difatti sufficiente scrivere:
<A HREF="C:\CORSOHTM\PROVA.html">clicca qui per vedere prova.html</A>
per apparire così:
clicca qui per vedere prova.html
Come avrete avuto modo di constatare, il browser evidenzia con colori differenti le parti di documento che possono attivare un link ad altre
risorse ed inoltre, il cursore cambia di norma forma quando passa su un link.
Per documenti che si trovano nella stessa directory della pagina attualmente visualizzata, non è necessario dare l'indirizzo Internet
completo, ma è sufficiente scrivere il nome del file. Ad esempio
<A HREF="pagina.html">.
Oltre a puntare all'inizio di un generico documento, i link possono puntare a specifici punti del documento stesso. Difatti, con il comando
<A NAME="nome">Questo è il paragrafo..... </A>
si assegna alla porzione di testo incluso nell'ancora il segnalibro indicato tra apici. Quindi, se vogliamo che il cursore si sposti
direttamente in tal punto a seguito di un link, dopo il nome della pagina dobbiamo digitare il carattere # seguito dal nome del segnalibro.
Se voglio puntare al segnalibro "nome" del documento pippo.html, si dovrà creare il seguente link:
<A HREF="pippo.html#
nome">Va al segnalibro 'nome'</A>
ma se il segnalibro è all'interno del documento che sto visualizzando al momento, è sufficiente scrivere:
<A HREF="#
nome">Va al segnalibro 'nome'</A>
Oltre a riferirsi a documenti esterni, l'ancora può riferirsi ad un punto specifico del documento visualizzato. In talc caso il riferimento
può essere semplicemente sopecificato dal nome del segnalibro predecuto dal cancelletto.
Come dovrebbe essere chiaro, un ancora può essere collegata a qualsiasi tipo di file "riproducibile" da un browser WWW e quindi a
suoni, immagini, documenti, filmati e, chi più ne ha più ne metta:
<A HREF="imm.jpg>
<A HREF="musica.wav">
<A HREF="film.avi">
Link ad E-Mail
Uno dei particolari metodi di indirizzamento a cui si può collegare un documento HTML è il mailto:
Difatti, con un link del genere,
<A HREF="mailto:nome@server.ext">Mandami un mex</A>.
istruiamo il browser a richiamare il programma di posta elettronica per inviare un messaggio all'indirizzo specificato.
Potete provare a cliccare su questo link per inviarmi una E-mail.
   
|
