Senza almeno un link una pagina HTML non ha molto senso. Viene cioè meno la sua caratteristica principale, l'ipertestualità.
Qui distingueremo solo un paio di tipologie di link testuali, e cioè quelli assoluti e quelli relativi.
nel primo caso si tratta di link che contengono l'intero percorso ad una pagina web, mentre nel secondo si tratta della sola indicazione del nome del documento senza specificare il drive o il sito in cui si trova.
Per meglio intenderci,
http://www.uicparma.it/index.htm
è un link assoluto, mentre
corsi/index.htm
è un link relativo.
Chiarito questo primo punto, passiamo a descrivere come si realizza un link.
Vediamo innanzitutto da cosa è composto.
Il primo elemento è il codice <A HREF="...">.
Il secondo elemento è l'indirizzo da scrivere all'interno del codice qui sopra, sostituendo i puntini che si trovano tra le virgolette.
Successivamente troviamo il testo che descrive il contenuto del link e che scriverai dopo il codice.
Infine, dopo il testo descrittivo, chiuderemo il link con il codice </A>.
Cosa te ne pare? Dici che e' un po' confuso?
Allora proviamo con il consueto esempio...
<H1> Unione Italiana Ciechi </H1>
sezione di Parma<BR>
Club informatico<BR>
via Bixio, 47/a <BR>
<P>
Visita il <A HREF="http://www.uiciechi.it">sito nazionale</A> dell'Unione Italiana Ciechi.<BR>
Preleva i <A HREF="corsi.htm">corsi on line</A><BR>
</P>
Fine esempio.
Analizziamo ora quanto abbiamo aggiunto alla pagina.
Si tratta di due link, uno assoluto ed uno relativo.
Il primo si riferisce ad un sito esterno a quello su cui si lavora, mentre il secondo fa riferimento ad una risorsa presente nel tuo spazio web.
Per quanto riguarda il link relativo all'Unione nazionale, comespiegato precedentemente, è stato inserito l'intero indirizzo tra le virgolette presenti all'interno dell'apposito codice, ed il testo "sito nazionale" sarà quello che il sintetizzatore vocalizzerà come collegamento.
La pagina dei corsi indicata nel nostro esempio, invece, si trova nel tuo spazio web ed esattamente allo stesso livello in cui si trova la pagina che stai scrivendo.
E come fare se la pagina che vuoi linkare si trova in un'altra cartella?
Nessun problema...
Dovremo indicare il percorso specificando le cartelle.
Supponiamo quindi che tu abbia posizionato la pagina dei corsi all'interno della cartella club-informatico che si trova ad un livello inferiore rispetto alla pagina di partenza.
Dovrai quindi scrivere:
Preleva i <A HREF="club-informatico/corsi.htm">corsi on line.</A>
E se volessimo tornare indietro, ovvero se volessimo andare ad una pagina di un livello superiore, come potremmo fare?
E' semplicissimo...
Supponiamo di essere in fase di redazione della pagina "corsi.htm" contenuta all'interno di "club-informatico", e di voler inserire un collegamento alla nostra home page che si trova nella principale, quindi ad un livello superiore.
Scriveremo quanto segue:
<A HREF="../index.htm">Torna alla home page</A>
La pagina che vogliamo linkare si chiama "index.htm", e i due punti seguiti dalla barra "../" stanno ad indicare che si trova nella cartella superiore. Qualora la pagina da linkare si trovasse a due livelli superiori dovremmo utilizzare il comando ../../ e così via...
Tieni comunque conto che, per poter visualizzare le tue pagine su di uno spazio web, ti sarà necessario chiamare index.htm la tua home page, che dovrà trovarsi sempre nella radice del tuo sito.
L'ultima cosa che ti segnaliamo in questa "pillola" è il link per l'invio di posta.
Da una pagina HTML è infatti possibile far sì che si apra il mailer del visitatore per compilare un messaggio da inviare. Quindi, se vorrai farti scrivere dai tuoi visitatori, potrai usare la stringa seguente:
<A HREF="mailto:master@miosito.it">Scrivi al master</A>
Ovviamente sostituirai l'indirizzo master@miosito.it con l'indirizzo al quale vuoi far scrivere il tuo visitatore, e "Scrivi al master" con altro testo di tuo gradimento.
Ricorda che dopo il codice </A> sarà opportuno inserire il codice <BR> per attivare il ritorno a capo. In caso contrario ti troveresti tutti i link su di una sola riga.
Ed ora passiamo a curare un po' di più gli aspetti estetici delle tue pagine HTML.
Pillola successiva
Pillola precedente
Indice
Torna alla Home Page
Scrivi alla redazione del sito
[ Copyright © 1999 - 2002 UIC Parma-Club ]