Pagina aggiornata... Giovedì 01 Gennaio 1970 * Tempo di caricamento 0.00 secondi
Link navigazione : Home telaioHome ~ Tutorial ~ Html » Link ancore

..:: Link ancore ::..

Piccolo utilissimo "trucchetto" che possiamo realizzare con i link^^
ovvero scrivere dei link che permettano di far arrivare in un clik i nostri utenti,
in un punto preciso, nella pagina che si sta leggendo o in una nuova

Questi link si chiamano ancore perché abbiamo due link, legati tra loro,
che si "riconoscono" tramite l'assegnazione di un nome, quindi ne abbiamo uno
che definisce il "cosa" si voglia lincare e uno per il "dove"

clik^^ qui per vedere una gif che ho messo più in basso nella pagina...

Ecco il codice che ci occorre per arrivare in un punto preciso della pagina che si sta leggendo

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

* Molto semplice basta fare attenzione nel riportare, nel link e nell'ancora
il nome che abbiamo deciso di utilizzare

Sono molto utili per pagine con articoli che hanno vari paragrafi e quindi si voglia
aiutare l'utente a leggere subito ciò che interessa, realizzando un indice

Non c'è un limite alle ancore che si possono inserire in una pagina, bisogna fare solo
un po' di attenzione al nome che si assegna affinché funzionino correttamente, come ho già scritto
si possono richiamare anche punti precisi di altre pagine, come ho fatto per questa pagina ^_^

Nel nostro menu metteremo il link che ci permetterà di aprire un'altra pagina ed in questo caso,
con 'target="_blank"', in una nuova finestra e nel punto stabilito con il nome dell'ancora

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

Nella pagina che vogliamo far aprire in un punto stabilito scriveremo questo tag

<a name="due">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
ovviamente 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 questa guida... Grazie ^_^



0%
Voti totali: 0
Rating... 0




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 1532 utenti


 H: 
Buon Autunno e ...buon weekend!





* 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
con l'hosting free più famoso...



Gif  & co... Penelope ♥


Pagina Facebook
del telaio...




 

I vostri messaggi...

Penelope
27/09/2023 17:12:31
Ciao Calcifer grazie infinite anche io sono felice di essere tornata
ೡ Scritto in... 'https' Hyper Text Transfer Protocol Secure
 
Calcifer
27/09/2023 15:08:42
AAh, che bello vederti di nuovo attiva! :) Aspettavo da anni il tuo ritorno ♥
ೡ Scritto in... 'https' Hyper Text Transfer Protocol Secure
 
Cleo
25/09/2023 17:58:11
ho fatto un giretto e' tutto ancora piu' bello un abbraccio e grazie per il banner inserito un abbraccio
ೡ Scritto in... *Amici del telaio...*
 
Gabriella
25/09/2023 12:21:45
Bentornata Penelope , ho prelevato un tuo bellissimo bottone. Grazie di cuore !
ೡ Scritto in... Bottoni top pagina
 
Grazia
24/09/2023 19:16:50
Ciao Penny cara, nel messaggio precedente ho omesso di scrivere quella che sembra una ovvietà, ma la scrivo lo stesso: il tuo sito è fantastico, come sempre, la maestra dei codici è tornata 😄😄😄😄 Un abbraccio e serena domenica sera di cuore ❤️
ೡ Scritto in... Il telaio di Penelope...
 
Grazia
21/09/2023 10:24:25
Carissima Penelope, è una gioia immensa leggerti di nuovo! Sono felicissima tu sia tornata online, hai fatto benissimo, gli hobby aiutano tantissimo a risollevare l'animo ...brava! Oltre al mio piccolo blogghino per esempio io mi sto dedicando ai disegni fatti a mano e mi rilassano tantissimo! Ti cerco su Fb così ci sentiamo, se ti fa piacere, più spesso...ti abbraccio immensamente cara amica, a presto!
ೡ ...commentario
 
Cleo
20/09/2023 16:39:32
Ciao tesoro i miei banner sono qui [Link]
ೡ Scritto in... Il telaio di Penelope...
 
Cleo
20/09/2023 12:48:48
Bentornata e' bellissimo rivedere il tuo Sito on line
ೡ ...commentario
 
Cleo
20/09/2023 11:37:11
prendo il tuo link sul mio sito c'è gia lo metto sul portale del forum passa a trovarmi ciccia
ೡ Scritto in... Banner link del telaio ^_^
 
mari-ele
20/09/2023 08:47:54
Ciao Penelope, sono felicissima del tuo ritorno, ci sei mancata tantissimo, un grosso in bocca al lupo per tutto! Un abbraccio!
ೡ Scritto in... *Amici del telaio...*
 

Referer...