Cerca:
Link sponsorizzati

I collegamenti ipertestuali (inserire link)

Internet è nato ed è diventato grande grazie alla teoria ipertestuale, ovvero alla possibilità offerta agli utenti di poter navigare comodamente tra le pagine di un sito e di raggiungere altri siti con un semplice click su quello che viene definito, appunto, collegamento ipertestuale o link.

In HTML i link si generano col tag a che sta per ancora, inteso come ancoraggio tra più pagine.

(L'articolo continua più sotto...)

La sintassi è semplice: 

<a href="pippo.html">Pippo</a>
Si utilizza l'attributo obbligatorio href (riferimento ipertestuale) per specificare la pagina da raggiungere.

Le URL (acronimo di United Resource Locator) che si possono specificare sono di due tipi:

  • relative - si specifica solo il nome del file;
  • assolute - si specifica l'intero percorso, come nell'esempio:
<a href="http://www.sito.ext/pippo.html">Pippo</a>
Attraverso più link si possono creare interi menu di navigazione: 
<a href="pippo.html">Pippo</a><br>
<a href="pluto.html">Pluto</a><br>
<a href="paperino.html">Paperino</a><br>
Il tag a ha una serie di interessanti attributi:
  • title - specifica un'etichetta al link;
  • target - permette di aprire il link in una nuova finestra;
  • name - permette di creare link interni alle pagine.
Vediamo un esempio di ognuno.

<!-- Crea un'etichetta -->

<a href="pippo.html" title="Pagina di Pippo">Pippo</a>

<!-- Apre un link in una nuova finestra col valore _blank -->

<a href="pippo.html" target="_blank">Pippo</a>
Passiamo ad un esempio più completo e complesso di link interno ad una pagina HTML: 
<html>
<head>
<title>Titolo della pagina...</title>
</head>
<body>

<a name="inizio"></a>

<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>

<a href="#inizio">Vai a inizio pagina</a>

</body>
</html>
Si testi l'esempio per comprenderne a fondo il funzionamento.

Guida HTML
E-Learning
Corso CSSCorso CSS
Web Design ed Accessibilità secondo il W3C con CSS ed XHTML. A partire da 29 €.
Corso HTMLCorso HTML
Il linguaggio di marcatura per il Web. A partire da 29 €.
Corso Web DesignCorso Web Design
Disegno di siti Web con HTML, CSS e Dynamic HTML. A partire da 39 €.
Link sponsorizzati