Pagina aggiornata... Venerdì, 03 maggio 2024 * Tempo di caricamento 0.28 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 2406 utenti


 H: 
Buon Autunno e ...buon weekend!





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...

Veronica
01/11/2025 16:58:42
Preso un tuo adottino x il mio blog
ೡ Scritto in... Home
 
Karla "SEyez"
28/10/2025 14:50:44
Bellísima!
ೡ Scritto in... Banner link del telaio ^_^
 
Elise
26/10/2025 19:43:22
Ciaoooo carissima Penelope,ho preso una fatina per il mio blog.Sei bravissima come sempre e ti ringrazio tanto.Un abbraccioneElise
ೡ Scritto in... Romantiche fate...
 
JamieSilverJsC
26/10/2025 19:08:12
Buon sera Amica!! Bellissima tuo sito!! Buon domenica
ೡ Scritto in... Home
 
filod'arianna
25/10/2025 07:27:02
Buongiorno! Ho adottato un pixel ❣😘
ೡ Scritto in... I love Winter...
 
Frann
24/10/2025 21:22:26
Ciao cara Penelope...come stai?Sono passata solo per farti sapere che ho aggiunto una casella messaggi al mio blog. Sentiti libera di lasciare un messaggio lì se vuoi :) Un abbraccio, cara.
ೡ Scritto in... Home
 
ೡPenelope ♥
24/10/2025 15:43:49
Grazie cara Veronica, perdonami se ti rispondo qui ma non sono registrata nel forum e non posso lasciare commenti ^_^ mi fa molto piacere ti piacciano le cosine che realizzo, un abbraccio forte
ೡ Scritto in... Home
 
Veronica
23/10/2025 14:37:12
Ciao ti o preso un datario con saluto
ೡ Scritto in... Pucciosi!
 
Veronica
23/10/2025 08:18:29
Ciao preso un tu adottino x il forum
ೡ Scritto in... Home
 
Cleo
22/10/2025 07:58:14
sempre ricco il tuo sito buona giornata tesoro un abbraccio
ೡ Scritto in... Home