Corsi On-Line

Corso di apprendimento del linguaggio HTML


 

I LINK


Uno degli aspetti più importanti nello sviluppo di una pagina HTML è la realizzazione dei "Link", cioè l'individuazione di parole chiave attraverso le quali è possibile aprire direttamente un nuovo documento collegato in qualche modo al documento di partenza.
Facciamo un esempio: supponiamo di leggere un documento HTML che descrive le attrattive turistiche della città di Firenze nel seguente modo:

Su Piazza della Signoria si affaccia la Galleria degli Uffizi , considerata una delle più belle d'Europa insiema al Louvre di Parigi e al Museo Hermitage di Leningrado.

Leggere questa frase potrebbe invogliare il lettore a visitare la Galleria degli Uffizi e le opere in essa contenute, per cui potrebbe essere utile usare la parole "Galleria degli Uffizi" come termine chiave per richiamare un altro documento contenente una riproduzione digitale di alcuni dipinti.
Un altro link potrebbe essere messo in corrispondenza di "Louvre" in modo da rimandare ad un altro documento che contiene informazioni più approfondite sulla galleria parigina.

Il collegamento è realizzabile tramite il comando:

<A HREF="URL">.....</A>

Al posto di URL bisogna inserire il nome del file che si intende richiamare tramite questo link, mentre il termine successivo che precede </A> serve per poter attivare tale collegamento.

Per esempio, la seguente frase:

"Su Piazza della Signoria si affaccia la Galleria degli Uffizi"

consente, clikkando su "Galleria degli Uffizi" di attivare il collegamento suddetto ed è realizzato tramite queste istruzioni:

Su Piazza della Signoria si affaccia la <A HREF="http://www.uffizi.firenze.it//main.html">Galleria degli Uffizi </A>

In questo caso al posto di URL viene inserito non solo il nome del file a cui si fa riferimento, ma anche il termine http:// seguito dal nome della macchina su cui tale documento è presente (www.uffizi.firenze.it), nonchè dal percorso necessario per arrivare dalla root del server alla directory contenente il documento in questione.

Il nome della macchina può essere omesso solo se il documento a cui si fa riferimento è presente sulla stessa macchina dove risiede il documento da cui parte il collegamento.

Esiste anche un altro tipo di collegamento definito interno, dove il link è utilizzato non per passare da un documanto all'altro, ma semplicemente per andare in un altro punto dello stesso documento di partenza.

Si pensi, ad esempio, ad un indice che contenga tutti gli argomenti presenti nel documento. Una volta individuato l'argomento di interesse, non sarà necessario scorrere tutto il documento per trovarlo ma sarà sufficiente selezionare la voce nell'indice per essere trasportati direttamente al paragrafo relativo.

In questo caso sarà necessario mettere prima del capoverso in questione un secondo tag del tipo:

<A NAME="argomento">......</A>

dove al posto di argomento inserirò un termine di identificazione del paragrafo.

Il termine dell'indice che sarà collegato al paragrafo sarà preceduto da <A HREF="#argomento"> e seguito da </A>.

Come vediamo il tag è sempre lo stesso solo che è omesso sia il nome della macchina che il nome del file, dato che il link rimanda allo stesso documento di partenza.
Il termine argomento è preceduto da un cancelletto (#) per distinguere il collegamento di tipo interno da un eventuale collegamento verso un altro file di nome "argomento".

Combinando opportunamente la sintassi del link interno e di quello esterno sarà possibile effettuare un collegamento ad un capoverso di un documento diverso da quello di partenza, sempre che questo sia fornito degli opportuni tag <A NAME="** ">.

Inseriamo in una tabella i possibili attributi dell'elemento A:

Attributo

Possibili valori

Significato

Note

NAME

Stringa

Nome per un link

Unico all'interno del documento

HREF

URL

Indirizzo di rete per la risorsa collegata

Può essere un altro documento HTMl, un'immagine, etc.

REL

Stringa

Relazione tra le due risorse

-

REV

Stringa

Relazione inversa

-

TITLE

Stringa

Titolo per la risorsa collegata

Avvertenza

È possibile usare l'URL mailto: nell'attributo HREF. Esempio:

<A HREF="mailto:webmaster@www.provincia.siena.it">webmaster@www.provincia.siena.it</A>

In questo caso, selezionando tale collegamento, il browser fa partire un compositore di e-mail in cui è già indicato il nome del ricevente.

 
Argomento precedente Indice del corso Argomento successivo