Il tag <a> e il collegamento con i fogli di stile
Per inserire un link in una pagina HTML si utilizza il tag <a>.
Il tag <a> ha due attributi obbligatori, e almeno un importante attributo facoltativo .
attributo | valore | significato |
---|---|---|
href="" | link | Specifica il percorso assoluto o relativo della pagina che si vuole collegare |
title="" | descrizione | Specifica la descrizione del contenuto della pagina collegata |
target="" | finestra | FACOLTATIVO: specifica in quale finestra dovrà aprirsi la pagina collegata |
Di seguito è riportato un esempio di link, con il relativo codice html usato per generarla.
vai a Repubblica |
<a href="http://www.repubblica.it" title="Visualizza la home page di Repubblica on line" target="_blank">vai a Repubblica</a> |
Precisato che l'ordine degli attributi è indifferente, vediamo nel dettaglio i singoli attributi del link:
- L'attributo href può contenere il collegamento assoluto o relativo alla pagina html. In questo caso il collegamento è assoluto. Per la differenza tra collegamenti assoluti e relativi si consulti questo tutorial.
- L'attributo title contiene una descrizione della pagina collegata. In base alle specifiche di (X)HTML è un attributo obbligatorio.
- L'attributo target è facoltativo: se non si usa, la pagina collegata si apre di default nella stessa finestra. Se si usa, con il valore _blank, il collegamento si apre in una nuova finestra del browser (provare per credere. Di seguito due collegamenti alla stessa pagina, il primo senza target, il secondo con target="_blank": Il sito dell'Herald Tribune (stessa finestra) - Il sito dell'Herald Tribune (nuova finestra)