Collegamenti Ipertestuali

File di esempio: esempio11.htm

Per creare i collegamenti ipertestuali occorre associare l'indirizzo (percorso e nome del file) del nodo di destinazione ad un elemento visualizzato nella pagina corrente (testo o immagine).
Per fare questo si utilizza il TAG <A HREF> dove A sta per ancora e HREF è l'abbreviazione di Hypertext REFerence.
La sintassi è la seguente:

<A HREF="destinazione"> testo o immagine </A>

Il testo o l'immagine diventano elementi attivi.

Il tipo di collegamento può essere:
Tipi di collegamento ipetestuale
esterno se il file si trova su un server remoto, va indicato l'indirizzo completo.
Esempio: <A HREF="http://www.uniroma2.it">
se il file fa parte dello stesso sito, allora sono possibili due situazioni:
  • se il file si trova nella stessa cartella della pagina HTML corrente, allora è sufficiente indicare il nome del file, utilizzando un riferimento di tipo relativo.
    Esempio: <A HREF="pagina_n.html">
  • se il file si trova in un'altra cartella, allora occorre specificare il percorso completo, utilizzando un riferimento di tipo assoluto.
    Esempio: <A HREF="/capitolo2/pagina_n.html">
interno occorre effettuare le seguenti operazioni.
  • definire una destinazione all'interno del documento mediante la seguente sintassi
    <A NAME="nome_della_destinazione"> Testo a cui puntare </A>
    Esempio: <A NAME="arg1">Qui inizia l'argomento 1 </A>
  • successivamente si impostano i collegamenti ipertestuali mediante la sintassi:
    <A HREF="#nome_ancora"> Testo per il link </A>
    Esempio: <A HREF="#arg1">Vai all'argomento 1 </A>
misti E' possibile combinare collegamenti all'interno di altri documenti, ovvero creare un collegamento ipertestuale che punta ad un'ancora specifica all'interno di un'altra pagina web.
Esempio: <A HREF="pagina2.html#arg1">Vai all'argomento 1
Ovviamente, nella pagina a cui si punta deve essere stata creata l'ancora di destinazione.

E' possibile creare un collegamento per un indirizzo di posta elettronica indicando la destinazione secondo lo schema:
<A HREF="mailto:utente@dominio.com"> Scrivetemi... </A>

Per aprire il collegamento su una pagina nuova, basta aggiungere l'attributo TARGET all'interno del tag A.
<A HREF="www.uniroma2.it" TARGET="nomea a piacere"> Sito Tor Vergata </A>
In questo modo viene aperta una nuova finestra del browser in cui viene visualizzato il collegamento.
Il valore dell'attributo TARGET può essere un nome senza vincoli particolari.

E' possibile personalizzare il colore dei collegamenti, aggiungendo al TAG BODY i seguenti attributi
<BODY LINK="#colore1" ALINK="#colore2" VLINK="#colore3">
dove:


Indietro Avanti