I link in ogni loro aspetto, come crearli, i tipi, i target, e come gestirli.
ALLWEB free
Web Directory Script Linguaggi
Italiano Inglese Tutte
 
 23 Oct 2014
aggiungi in preferiti  
Home    Mappa directory    Script




Link:

Come abbiamo detto pi¨ volte i link sono fondamentali per internet, sono loro che creano la rete internet.
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.