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.
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.
<!-- 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.