I link

Il link e' l'elemento essenziale della rete Internet, essendo Internet stessa basata sulla possibilita' di reperire un documento presente da ogni computer che vi sia collegato. In parole semplici, Internet non potrebbe esistere senza collegamenti.

Ecco la sintassi di un collegamento ad un file HTML nella sua forma piu' semplice


<A HREF=nome_documento.html> documento </A>

cosi' viene mostrato dal browser:

Documento

Ovviamente non condurra' da nessuna parte, perche' il file non esiste. Il prossimo esempio mostra un collegamento reale ad una pagina appositamente preparata:


<A HREF=prova.html> Cliccami </A>

Cliccami

Negli esempi precedenti si e' dato per scontato che il file da richiamare si trovi nella stessa cartella della nostra pagina, ma se si trovasse all'interno di un'altra cartella dovremmo adottare questo accorgimento:


<A HREF=nome_cartella/nome_file.html> Cliccami </A>

se invece si trovasse all'esterno della cartella si dovra' anteporre due punti alla sintassi del percorso:


<A HREF=../nome_file.html> Cliccami </A>

Finora abbiamo realizzato link per richiamare pagine che si trovano sullo stesso computer. La sintassi che segue mostra come eseguire un link ad un documento presente sul web.


<A HREF=http://indirizzo_del_sito> nome_sito </A>

Ma HTML offre anche la possibilita' di usare un'immagine al posto del testo. Allo scopo si dovra' inserire il tag per richiamare il file grafico al posto del testo stesso. Per eliminare il bordo che appare attorno all'immagine e' sufficente inserire BORDER=0 all'interno del tag <IMG>.


<A HREF=prova.html><IMG SRC=img/link.gif></A>

I link finora presi in esame ci spostano sulla pagina prescelta. Se vogliamo invece aprire una nuova finestra senza cosi' dover abbandonare la nostra pagina ci viene in aiuto l'elemento TARGET:


<A HREF=prova2.html TARGET=_new><IMG SRC=img/link.gif BORDER=0></A>

L'elemento ANCOR (questo e' il nome vero e proprio di un link) permette di spostarsi anche all'interno della stessa pagina per raggiungere un punto preciso del documento. Il codice necessario va pero' suddiviso in due parti separate.

Questa la prima parte


<A HREF=link.html#inizio_pagina> vai a inizio pagina </A>

(link.html e' il nome/file della pagina)

E questa e' la parte di codice che va posta in testa al file HTML:


<A NAME=inizio_pagina></A>

Ecco l'esempio pratico: vai a inizio pagina

Ma le opportunita' offerte dal tag <A> non sono ancora esaurite. Ci offre anche la possibilita' di avviare il programma di posta elettronica per spedire una e-mail. La sintassi e' estremamente semplice:


<A HREF=MAILTO:@mio_indirizzo>spediscimi una e-mail</A>

spediscimi una e-mail

Il colore del link

Il colore del link puo' essere scelto secondo le preferenze personali. Per assegnare un colore ai link della nostra pagina dovremo inserire i seguenti attributi all'interno del tag <BODY>

LINK="colore scelto" per i link non ancora visitati

VLINK="colore scelto" per i link già visitati

ALINK="colore scelto" determina invece il colore del link nel momento in cui viene cliccato.

I protocolli

Finora abbiamo preso in esame un solo protocollo. Un protocollo e' una sorta di procedura o percorso su cui viaggiano i nostri dati, il piu' importante dei quali e' http (HyperTextTransfertProtocol, protocollo di trasferimento dell'ipertesto), ma anche ftp (FileTransfertProtocol). In verita' ne esistono molti altri. Citiamo solo alcuni dei piu' importanti:

nntp://
telnet://
wais://
gopher://
ecc... Ma tutto cio esula dagli scopi della guida.

Prossimo capitolo