1
Guida sui Link Dell' HTML il Lun Ott 18 2010, 21:36
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:
vai al sito
Nel parametro href=" " inseriamo l'indirizzo della pagina o del sito.
Fra i tag e 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:
....
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:
abc Link su scritta
Link su immagine (Inserire border="0" nel tag
per eliminare il bordo.)
Link ad una pagina dello stesso sito.
Link ad un sito esterno.
Link ad una cartella .zip
Link ad una casella mail che apre il gestore di posta preferito.
(apriamo una parentesi su questo link, Provate a scrivere questo:
email
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.
abc Link inizio pagina che collega al paragrafo ABC.
(non dimenticate il cancelletto #)
abc 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:
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
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').
In pratica:
clicca qui
La struttura base per creare un link è la seguente:
vai al sito
Nel parametro href=" " inseriamo l'indirizzo della pagina o del sito.
Fra i tag e 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:
....
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:
abc Link su scritta
Link su immagine (Inserire border="0" nel tag Link ad una pagina dello stesso sito.
Link ad un sito esterno.
Link ad una cartella .zip
Link ad una casella mail che apre il gestore di posta preferito.
(apriamo una parentesi su questo link, Provate a scrivere questo:
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.
abc Link inizio pagina che collega al paragrafo ABC.
(non dimenticate il cancelletto #)
abc 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:
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
- Codice:
<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').
- Codice:
<a href="#">clicca qui</a>
In pratica:
clicca qui










Posts
Età
Registrato Dal
Status

