LINK o ANCORA
I Link sono una parte di testo, un' immagine (o parti di questa) che se vengono cliccati permettono di :
raggiungere altri punti della stessa pagina;
raggiungere punti particolari di altre pagine dello stesso sito o di un altro;
raggiungere un altro sito o una pagina specifica di un altro sito;
raggiungere risorse che non sono pagine :
indirizzi di posta elettronica;
immagini;
file con qualsiasi estensione (l'apertura o meno del file dipende dai software del client);
Una pagina senza Links (ancore) non sarebbe una pagina web. La vera forza delle pagine web è proprio quella di agganciare o essere a sua volta agganciata dalle altre pagine rendendo tutta la rete un unico grande documento. Quando cliccate sopra un link azionate un meccanismo che potrebbe essere semplicemente un cambio pagina o l'inizio dello scaricamento di un file o l'apertura del vostro programma di posta elettronica preferito per inviare mail. Tutte queste azioni sono gestite dal tag ancora <a> di sicuro uno dei tags più importanti di HTML
<a>...</a>
La
struttura base per creare un link è la seguente:
<a
href="http://www.sito.com">vai al sito (questo testo
viene visualizzato a video)</a>
Nel
parametro href=”percorso
o indirizzo" inseriamo
l'indirizzo della pagina o del sito. Fra i tag <a> e </a> metteremo
il testo o l'immagine che vogliamo far cliccare.
L'elemento <a> necessita di almeno uno dei due
possibili attributi che sono name o href,
da solo non servirebbe a nulla. Questo tag necessita del relativo tag
di chiusura </a>
href
L'attributo href (Hypertext REFerence)
all'interno dell'elemento <a> trasforma in un
collegamento ipertestuale il testo o l'immagine che segue fino alla
chiusura dell'elemento stesso con </a>.
Generalmente il testo o la cornice dell'immagine diventa di colore blu salvo diverse impostazioni volute all'interno dell'elemento <body> o definite in un CSS. Per meglio evidenziare che si tratta di un collegamento, il cursore del mouse una volta posizionato sopra la scritta (o l'immagine usata) si trasformerà in una piccola mano col dito indice teso pronto a premere il link. Tra virgolette va inserito il percorso per aprire una pagina web, un qualsiasi tipo di file o immagine (specificare sempre l'estensione del file da aprire).
name
L'attributo name permette il collegamento di un testo/immagine a un punto preciso della stessa pagina web. Viene usato quando la pagina occupa più schermate. E' possibile dalle singole voci di un indice raggiungere i vari paragrafi o da vari punti del testo tornare all'indice. Il codice per visualizzare il punto di chiamata è
<a href=”#key”> testo/immagine da cliccare </a>
.
.
mentre il punto di arrivo può essere fatto in due modi :
.
<a name=”key”> testo da raggiungere (opzionale) </a> se uso il tag <a>
.
.
<p id=”key”> testo da raggiungere </p> se uso altri markup, in questo caso <p>
.
.
per inserire un immagine al posto del testo, lo sostituisco con
<img src=”percorso/nome_immagine.jpg”>
se non voglio che l'immagine venga contornata da una linea blu che lo identifica come link aggiungo l'attributo border=”0”
<a href="http://www.sito.com"><img src=”percorso/nome_immagine.jpg” border=”0”></a>
mentre se voglio aprire un file, un immagine o una pagina web in una nuova finestra del browser :
<a href=”percorso/nomefile.est” target=”_blank”>testo link</a>
inserisco l'attributo target=”_blank”.
Per indirizzare un link ad un indirizzo di posta
<a href=”mailto:indirizzo@server.dominio”>testo link</a>
per specificare gli indirizzi solo per conoscenza
da separare da uno spazio o un punto e virgola “;” se ce ne sono più di uno. Per specificare gli indirizzi nascosti
&BCC=indirizzo@server.dominio
per specificare l'oggetto
&Subject= testo dell'oggetto
mentre per scrivere l'eventuale testo in modo fisso e automatico
&Body= testo e-mail
nota – gli spazi del testo dell'oggetto e dell'e-mail vanno fatti inserendo la stringa “%20”.