Pagina aggiornata... Giovedì 01 Gennaio 1970 * Tempo di caricamento 0.20 secondi
Link navigazione : Home telaioHome ~ Tutorial ~ Html » Ipertesto - link

..:: I link o collegamento ipertestuale::..

Tutti voi sapete cos'è un link naturalmente ma siccome ci sono tanti
diversi modi per scriverli, facciamo un piccolo ripasso!

Un link serve ad aprire una pagina internet che può essere di un sito, di un blog
o del nostro "spazio web" per poter leggere un determinato post.
Questo ci permette di fare degli elenchi, pubblicizzare spazi amici e avere sottomano delle utilità!

Anche per i link abbiamo bisogno di tag specifici, possiamo decidere come e dove deve aprirsi la pagina
che desideriamo far visitare, scrivendo link testuali o resi più interessanti da immagini.

- Un link classico si divide in 3 parti specifiche ma essenziali:

1° parte: tag di apertura,
contiene indirizzo url
della paginache si vuole lincare
2° parte: testo o immagine
che permetterà
la visualizzazione del link
3° parte: tag di chiusura,
importantissimo affinché
il link sia funzionante
<a href="http://url pagina"> Nome link </a>

Un link scritto in questo modo permetterà l'apertura diretta della pagina lincata, ovvero
cambierà la schermata della pagina che stiamo visitando con la pagina che abbiamo "richiamato"

* Il testo utilizzato per scrivere il "Nome link", cioè ciò che scriveremo tra il tag di apertura,
<a href ecc. ecc.> e quello di chiusura </a> avrà un tipico colore blu, e sarà sottolineato,
a meno che nella pagina che lo contiene sia stato specificato lo stile per i link.

Se non sapete come fare o cercate qualcosa di particolare leggete anche || Link style ||

* Possiamo aggiungere dei parametri che permetteranno l'apertura della pagina in
modi diversi, ad esempio con "target="_blank"" la pagina si aprirà in una nuova finestra,
se nel nostro sito abbiamo predisposto un frame per la visualizzazione dei contenuti,
scriveremo il nome nel target affinché le pagine vengano aperte al suo interno

# Esempi:

Link diretto:
<a href="http://url pagina">Nome link</a>
Link in nuova finestra
<a target="_blank" href="http://url pagina">Nome link</a>
Link per un frame
<a target="_nome frame " href="http://url pagina">Nome link</a>

* Un esempio pratico pratico lo trovate più giù ^_^ || clik^^ ||

# Ed ecco nello specifico le funzioni dei vari parametri "target"

target="_blank" Carica il documento in una nuova finestra.

target="_parent" Apre il documento nello stesso <frameset> o nella sessa finestra della pagina contenente il link.

target="_self" Apre il documento nello stesso frame della pagina contenente il link.

target="_top" Apre il documento eliminando tutti i frames.

Al posto del testo possiamo utilizzare delle immagini, per renderli più visibili
o utili come nel caso dei banner per pubblicizzare il uno spazio web...

Gif  & co... Penelope ♥
Questo è il codice che bisognerà scrivere

<a target="_blank" href="http://url pagina">
<img border="0" src="http://url immagine" alt="Descrizione immagine"></a>



Link in una "finestra" della pagina

Questo tipo di link viene aperto in un punto stabilito della pagina,
nella quale si è realizzata una finestra, ovvero un frame, il frame avrà un nome
con il quale faremo riconoscere al target la destinazione del link.

Quindi se nella nostra pagina abbiamo un frame che abbiamo chiamato "menu1"
scriveremo il link così: <a target="_menu1" href="http://url pagina">Nome link</a>

Ecco un esempio pratico:

Qui c'è una piccola finestra a cui
ho dato il nome "provalink"

E qui ci sono
dei link di prova^^

Prova Link 1

Prova Link 2

Prova Link 3

Questo è il codice per l'iframe

<iframe name="provalink" src="https://nome_sito/nome_cartella/frame.htm" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="xx" height="xx"></iframe>

Per i link scriveremo

<a target="provalink" href="https://nome_sito/nome_cartella/prova1.htm">Prova Link 1</a>
<a target="provalink" href="https://nome_sito/nome_cartella/prova2.htm">Prova Link 2</a>
<a target="provalink" href="https://nome_sito/nome_cartella/prova3.htm">Prova Link 3</a>

I link in un iframe in genere sono usati per gestire uno sito web, per renderlo più veloce,
posizionati in una colonna con le varie pagine che si visualizzano nella parte centrale della home

Possiamo aggiungere al tag link un parametro che ci permetterà di far aprire una pagina
in un punto stabilito e con le dimensioni che vogliamo, ovvero un pop up, vi sarà capitato di vederne
diversi navigando in rete, spesso si aprono senza bisogno di cliccare su nessun testo o immagine

Questo è il codice necessario per un pop up che si aprirà tramite un link

<a href="#" onclick="window.open('https://url pagina','nome pagina','width=***, height=***, top=**, left=***'); return false;">Nome link</a>

Vediamo a cosa serve ogni parte del tag:

<a href="#" onclick="window.open Questa è la parte che permette al link di aprire una nuova finestra
'https://url pagina' Indirizzo internet della pagina
'nome pagina' Nome della pagina. Opzionale
'width=***, height=*** Dimensioni della pagina, width= larghezza
e height= altezza
top=**, left=***' Posizione della pagina sullo schermo, top= distanza dalla parte superiore, left= distanza con la parte laterale sinistra
return false; Istruzione javascript affinché il link si apra solo nella nuova finestra
Nome link * Testo che permette la visualizzazione del link
</a> Chiusura link

* Come per tutti i link, il testo (Nome link) che ne permette la visualizzazione,
si può sostituire con una gif/immagine

Ecco un link di prova ^_^ || Prova link pop up ||
Utilizzate questi link o meglio queste "pagine" come box info solo quando è necessario,
evitate pop up automatici, infastidiscono molto, si dovrebbe poter scegliere cosa visualizzare

Vi suggerisco di leggere anche i tutorial -> Link style e -> Link ancore

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 ^_^



93%
Voti totali: 3
Rating... 4.67




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