Link:
La struttura base per creare un link è la seguente:
<a href="http://www.sito.com">vai al sito</a>
Nel parametro href=" " inseriamo l'indirizzo della pagina o del sito.
Fra i tag <a> e </a> metteremo il testo o l'immagine che vogliamo far cliccare.
Target:
Con l'attributo target possiamo far capire al pc su quale finestra deve aprire il collegamento:<a href="..." target="nome finestra">....</a>
Lo possiamo utilizzare con i frame, lasciando il menù fisso e cambiando solo una pagina, oppure per far aprire il collegamento su una nuova finestra utilizziamo class="blank" con questo attributo apriremo una finestra nuova e non ne chiuderemo nessuna altra , fondamentale per aprire collegamenti su nuovi siti e non far chiudere il nostro.
Parametri target:
- class="blank" Apre il collegamento in una finestra completamente nuova.
- target="_parent" Apre il collegamento nel frame o nella finestra genitore della finestra o frame dove è posizionato il link.
- target="_self" Apre il collegamento in questo frame o finestra.
- target="_top" Apre il collegamento nel frame o finestra più importante.
Tipi di link:
<a href=" ">abc</a> Link su scritta<a href=" "><img src="cerchio.jpg"></a> Link su immagine (Inserire border="0" nel tag <img> per eliminare il bordo.)
<a href="nomepagina.html"> </a> Link ad una pagina dello stesso sito.
<a href="http//www.nomesito.it"> </a> Link ad un sito esterno.
<a href="nomefile.zip"> </a> Link ad una cartella .zip
<a href="mailto: nome@casellamail"> </a> Link ad una casella mail che apre il gestore di posta preferito.
(apriamo una parentesi su questo link, Provate a scrivere questo:
<A href="mailto:1ciao@ciao.it?CC=2ciao@ciao.it
&BCC=3ciao@ciao.it&Subject=prova%20invio%20strana
&Body=Il%20ventipercento%20indica%20lo%20spazio%20in%20ascii.
%20interrogativo%20ecommerc%20
separano%20le%20altre%20righe">email</a>
Prova a premere qui.)
Link su stessa pagina:
In pagine estremamente lunghe dove dobbiamo scorrere la barra per vedere tutto è possibile mettere un punto fisso da richiamare all'occorrenza.<a href="#abc">abc</a> Link inizio pagina che collega al paragrafo ABC.
(non dimenticate il cancelletto #)
<a name="abc">abc</a> Questa riga va inserita sul paragrafo ABC.
Per far capire l'esempio abbiamo allungato la pagina anche se non serviva. provate a cliccare qui e vedrete dove andate a leggere.
Per andare in un'altra pagina, ad un paragrafo diverso dall'inizio usare:
<a href="immagini.html#abc"....</a>
Prova a premere qui
Title:
Non sempre, per motivi di grafica, è possibile inserire il 'titolo' del link, ma è molto importante per i motori di ricerca, in pratica è un aiuto che diamo al motore di ricerca per indicizzare il nostro sito.L'inconveniente è che il titolo appare come il tag 'alt' delle immagini. Per verificare provate a sostare con il cursore sopra l'esempio.
Esempio
<a href="ciaociao.html" title="ciaociao"> ciaociao </a>
Risultato in pratica:
ciaociao
Link su stessa pagina (#):
Il carattere # all'interno del parametro href (href="#") indica un link alla stessa pagina.L'utilizzo di tale link non è puramente legato al linguaggio HTML (salvo particolari eccezioni), il suo utilizzo è spesso correlato a script di diverso linguaggio (javascript, php..) oppure nei test di programmazione (Utilizzando questo link a pagine che non avete ancora fatto ovviate al noioso errore di 'pagina non trovata').
<a href="#">clicca qui</a>
In pratica:clicca qui
ABC
Inizio paragrafo ABC.