Questo sito contribuisce alla audience di

HTML : I collegamenti ipertestuali

Dopo aver visto le tag fondamentali per la gestione del testo in HTML, andiamo a discutere in questo articolo i famigerati collegamenti ipertestuali, detti anche link, che hanno fatto la fortuna di HTML.

Dopo aver visto le tag fondamentali per la gestione del testo in HTML,
andiamo a discutere in questo articolo i famigerati collegamenti ipertestuali,
detti anche link, che hanno fatto la fortuna di HTML.

Un link permette di associare una pagina a una parola, in modo che qualora
vi si clicchi si acceda a questa pagina.

I link sono gestiti da una apposita tag che è la seguente:

testo

Come si vede la tag è di banale comprensione: si apre la tag ‘a’
e si specifica nel parametro href, il percorso della pagina da linkare;si
inserisce il testo a cui associare il link e si chiude la tag.

Una nota la merita il formato in cui specificare il percorso:

esso non deve scpecificarsi come percorso locale in stile windows,per
intenderci del tipo c:webindex.html, ma in uno dei due formati seguenti
:

- indirizzo assoluto

- indirizzo relativo

L’indirizzo assoluto è l’indirizzo web completo a cui deve puntare
il link: per esempio, http://www.supereva.it/index.html.

link

L’indirizzo relativo invece specifica il percorso della pagina da puntare
relativamente alla locazione della pagina in cui si trova il link.

Un esempio chiarirà tutto: supponiamo che la nostra pagina index.html
si trovi nella directory principale del nostro sito e inseriamo in essa
un collegamento alla pagina ciao.html che si trova nella sottocartella
che si chiama personale: la nostra tag si presenterebbe così:

testo

Se invece la pagina da linkare si trova in un una cartella gerarchicamente
superiore a quella in cui si trova la pagina useremo il token ../ per
risalire la directory.

La tag presenta anche altri parametri ma ne vediamo solo due molto importanti
:

- target : indica in quale finestra visualizzare la pagina a cui si riferisce
il link.

- class : applica un dato stile di un CSS a quel link: lo vedremo meglio
nella sezione CSS/Fogli di stile.

Per quanti riguarda invece il parametro target si possono specificare
4 parametri:

1. _blank : visualizza la pagina in una nuova finestra.

2. _parent: visualizza la pagina nel frame (se presente) in cui si trovava
il link.

3. _top : apre la pagina riempiendo tutta la finestra del browser, annullando
eventuali frame che erano presenti.

Con queste prime nozioni potete già cominciare a fare qualche semplice
ipertesto, perchè non c’è miglior modo per imparare che
provare.

Le categorie della guida