Pagina aggiornata... Venerdì, 03 maggio 2024 * Tempo di caricamento 0.99 secondi
Link navigazione : Home telaioHome ~ Tutorial ~ Html » Link ancora o interno

..:: Link ancora o link interno ::..

Un link ancora o interno ci permette di creare collegamenti nella stessa pagina
per far visualizzare un punto specifico, ad esempio un paragrafo particolare in pagine
molto lunghe e con lo stesso scopo si può utilizzare anche su pagine esterne

Per un link interno alla pagina ci basterà assegnare un nome che farà appunto da ancora
nel punto/paragrafo che si vuole far visualizzare... cliccate qui, esempio pratico!

Al posto di un url si utilizza il simbolo cancelletto # seguito dal nome scelto

Per il link scriveremo: <a href="#Nome ancora">Testo link</a>
Nel punto in cui vogliamo far arrivare i lettori:
<a name="Nome ancora">Testo ancora</a>

* Si possono inserire tutti i link ancora che servono e realizzare anche
un menu/elenco ma ogni link deve avere un nome "specifico", cioè può essere usato
una sola volta affinché funzioni correttamente, l'unica cosa a cui fare attenzione

Link ancora in pagine esterne

Per utilizzare un link ancora in una pagina esterna, nel link inseriremo url della pagina seguita
dal simbolo cancelletto e il nome, ovviamente se si vuole far aprire il link in una nuova finestra
anche 'target="_blank"' (Si possono aggiungere tutti i parametri dei classici link)

Quindi questo sarà il codice necessario per il link

<a target="_blank"  href="url pagina.htm#Nome ancora">Link ancora</a>

E questo da scrivere nella pagina che vogliamo far aprire nel punto stabilito

<a name="Nome ancora">Testo ancora</a>

Immaginate di scrivere una pagina sulla cura dei chihuahua, piccoli adorabili cagnolini pestiferi
gli argomenti saranno tanti, cibo, salute, pulizia, giochi ecc... sarebbe molto comodo avere una lista
e poter arrivare subito al paragrafo che ci interessa leggere, nel mio esempio ho usato i numeri
perché il nome per l'ancora può essere una qualsiasi parola

- Esempio di pagina suddivisa in paragrafi

Paragrafo 1 || Paragrafo 2 || Paragrafo 3 || Paragrafo 4 || Paragrafo 5 ||

Come per ogni altro link, al posto del testo che lo visualizza si può utilizzare un'immagine/gif

Per il link scriveremo:
<a href="#nome ancora"><img border="0" src="url immagine"></a>
Per il tag dell'ancora:
<a name="nome ancora"><img border="0" src="url immagine"></a>

* Non occorre usare per entrambi i codici solo testo o solo immagini,
possiamo scrivere i link con il classico testo e mimetizzare l'ancora con una piccola gif o
viceversa, usare un'immagine, una piccola gif per il link e del testo per l'ancora

Per il link scriveremo:
<a href="#nome ancora">Testo link</a>
Per il tag dell'ancora:
<a name="nome ancora"><img border="0" src="url immagine"></a>

Per il link scriveremo:
<a href="#nome ancora"><img border="0" src="url immagine"></a>
Per il tag dell'ancora:
<a name="nome ancora">Testo ancora</a>

Ciao siamo l'esempio per il link ancora!
Torna su...


Spero di essere stata chiara in tutti i passaggi ^_^
Vi auguro buon lavoro ma sopratutto buon divertimento!
Ciao alla prossima^^ Penelope ♥


Dai un giudizio a questo tutorial... Grazie ^_^




100%
Voti totali: 1
Rating... 5





Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^

Nickname
Home page
B i U   ^_^ o_O O_O *_* Gif...

  


~ Pagina visitata da 2224 utenti


 H: 
Felice Estate e ...buona domenica!





Segui il telaio su Facebook

Privacy Policy Cookie Policy

* Info sezione...

Mi farebbe molto piacere la condivisione
dei miei tutorial ma vi sarei anche molto grata
se evitaste di fare copia e incolla su altri spazi
del mio lavoro, linkate le pagine, avvisatemi
ricambierò senza problemi. Grazie ♥

..:: Basi ::..



..:: html ::..





..:: Script page ::..



..:: Script gadget ::..


Accessori e gadget del telaio...


Spazio web...

Realizzare e gestire un sito web
nell'hosting free più famoso...

Un sito su Altervista

Materiale grafico

Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!

Gif & co...




I vostri messaggi...

Luca
04/06/2025 22:41:43
Ciao
ೡ Scritto in... html e script Tutorial...
 
filod'arianna
01/06/2025 09:15:59
Ciao Penelope ! Torno qui per prelevare un banner 88x31, lo inserisco nel mio forum, si troverà nello spazio "Amici non affiliati" dopo le sezioni, in fondo al forum. Ho inserito anche l'iniziativa "Help Donna" che si troverà sempre dopo le sezioni, nello spazio a lei dedicatole.Un abbraccio, a presto:-)Il mio forum[Link]
ೡ Scritto in... Banner link del telaio ^_^
 
Cleo
22/05/2025 07:05:05
ciao tesoro auguri per ieri ti aspetto qui [Link]
ೡ Scritto in... Home
 
olga
05/05/2025 20:37:45
prelevato widget post e commenti.Grazie
ೡ Scritto in... Home
 
Cleo
28/04/2025 06:48:25
buon giorno tesoro e buona settimana sempre meraviglioso qui e grazie per tutto
ೡ Scritto in... Home
 
Grazia
25/04/2025 09:58:21
Buongiorno cara Penny, eccomi qui a lasciarti un carissimo saluto ed a ringraziarti della tua carinissima visita nel sito grafico ^_^ Ti lascio un forte abbraccio e sempre complimenti di cuore 💓
ೡ Scritto in... Home
 
ೡPenelope ♥
23/04/2025 16:44:57
Grazie infinite cara Gabriella
ೡ Scritto in... Decori per pagine web
 
Cleo
14/04/2025 07:51:14
Tesoro buon giorno come stai?? scusa se ti disturbo volevo saperese a te Ws ftp funziona per salvare tutto sul sito altervista a me non sta funzionando piu io ho winws10 tu cosa utilizzi mi puoi aiutare appena apro wstp si chiude non sto riuscendo a pubblicare grazie in anticipo un abbraccio e buona settimana santa tesoro
ೡ Scritto in... Contatti
 
Gabriella
29/03/2025 13:09:27
Ciao Penny, che meraviglia ! Li preleverei tutti, intanto ne ho prelevato uno ma c'è veramente l'imbarazzo della scelta . Complimenti come sempre !
ೡ Scritto in... Decori per pagine web
 
Grazia
09/03/2025 18:13:32
Ciao Penny, sono passata a lasciarti un salutino di buona domenica ed anche a ringraziarti per aver inserito il mio bannerino. Un abbraccio forte ed alla prossima :) Ciaooo
ೡ Scritto in... Home