Guide

Corso HTML – Lezione 6: Collegamenti ipertestuali (link)

HTMLI collegamenti ipertestuali o più semplicemente conosciuti come link sono elementi del testo che , se selezionati con il puntatore del mouse, indirizzano il browser verso una sezione diversa del corpo della stessa pagina, verso un’altra pagina del sito, oppure un diverso sito o direttamente al contenuto di un file .

L’elemento di testo che si desidera utilizzare come collegamento deve essere collocato all’interno del tag <a>  , mentre la destinazione del collegamento stesso deve essere definita come valore dell’attributo href del tag, utilizzando la seguente forma :

<a href="destinazione"> testo del collegamento </a>

Il seguente codice HTML definisce una pagina contenente  un collegamento con la dicitura << vai su Wikipedia >>  che, se selezionato con il puntatore del mouse, visualizzerà nel browser il contenuto della pagina web << http://www.wikipedia.org >> :

<!doctype html>
   <html>
      <head>
         <title> Link a Wikipedia </title>
      </head>
      <body>
         <a href= " http://www.wikipedia.org" > vai su Wikipedia </a>
      </body>
   </html>

Schermata 2013-08-24 alle 22.50.14
Se la destinazione del link è una pagina interna allo stesso sito , all’attributo href può essere assegnato il pathname assoluto o relativo del file che contiene il codice HTML della pagina :

< a href=" ./pagina.html"> vai alla pagina </a>

Se  invece la destinazione del link è un sito web esterno, è necessario assegnare l’URL all’attributo href e , anche se non è obbligatorio, indicare che il collegamento è di tipo esterno utilizzando l’attributo rel con valore “ external ” :

<a href= " http://www.website.com " rel= " external " > vai al sito </a>

[box type=”info” ]In ogni caso è possibile fare in modo che il browser apra il collegamento in una nuova scheda assegnando il valore “_blank” all’attributo target del tag <a> :[/box]

<a href = " destinazione " target="_blank"> testo del collegamento </a>

 

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Le guide più interessanti