Come creare diversi tipi di Link

Written by valix on . Posted in Lezioni

L’elemento <A> (che significa Anchor) ha bisogno di un tag di apertura e di chiusura e al suo interno è possibile inserire testo, immagini ecc.
Per funzionare, l’elmento <A> deve essere associato ad altri attributi.
Il più importante di questi è HREF (abbreviazione di Hypertext Reference) contenente l’URL o la pagina da raggiungere.

Per creare un link esterno al sito bisogna scrivere:

<A HREF="http://www.tuosito.it">Visita il mio sito</A>

HREF può puntare a un collegamento esterno (come l’esempio sopra) o ad un collegamento ad un altro documento dello stesso sito. Per esempio, se creiamo una pagina prova.htm e vogliamo inserire un link alla pagina prova2.htm presente nella stessa cartella, il codice corretto è:

<A HREF="prova2.htm">Link alla seconda pagina</A>

Per creare un link ad una immagine il codice di riferimento è:

<A HREF="images/foto01.png">Guarda la mia foto</A>

Per creare un link su una immagine bisogna screvere:

<A HREF="images/foto02.png"><img src="images/foto01.png" alt="il mio autoritratto" /></A>

in questo caso cliccando sull’immagine si aprirà un’altra immagine. Se volete invece rimandare ad un sito web o ad una pagina del vostro sito dovete semplicemente modiricare il riferiemento in HREF.

LINK INTERNO AL DOCUMENTO

Con <A NAME> è possibile creare collegamenti in punti specifici di uno stesso documento, se ad esempio in una pagina si vuole raggiungere con un clic un determinato punto il tag <A NAME="ancora"> deve essere inserito nel punto del documento da raggiungere. Ancora è il nome identificativo del punto in cui il browser dovrà visualizzare la pagina è ovvio che si può sostituirlo con altri termini.

Nel collegamento dal quale si vuole raggiungere il punto del nuovo documento va inserita la seguente sintassi:
<A HREF="#ancora">Visita il mio sito</A>

 

Tags: ,

Trackback from your site.

Leave a comment