Guida sui Link Dell' HTML

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

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

Brava Utile Vale,La Aveva Postata Fure Un Altro

Io la ho postata perchè non la ho vista come la ho messa io.. La mia è completamente diverso. Ti spiega la teoria e sotto ci sono gli esempi pratici.

Complimenti Bella Guida.

Grazie... mi sto appassionando .asd :caldo:

Complimenti!

Grazie. :)

Rinomina, questa guida non è sull'html ma sui link dell'html.
Inoltre scrivi i tipi di link ma non scrivi come si realizzano.
40 ore per modificare.

Ixol prima di tutto i Link ci sono codici su come farli e anche praticarli infatti ho fatto esempi e quindi qui hai torto come realizzarli c'è scritto... c'è proprio il codice quindi piu facile di cosi non si puo'... due rinomino subito ;)

Valerio Correggi link Non Funzionano

qualcuno per modificare qualche errore ha toccato qualcosa che non doveva toccare -.- io non ho fatto nulla c'è qualcuno che si è divertito -.-

Io non ho toccato,possiamo chiedere a qualche amministratore,di guardare dal pannello.

si chiedo cortesemente di guardare... io non ho modificato nulla... ripeto qualcuno si è divertito

I LINK NON DEVONO FUNZIONARE se sono esempi. L' ultimo funziona bene ed è proprio bello.

Quella del title la sapevo per le immagini... Va bene un po' per tutto...

L' ho letta tutta e la trovo veramente ottima! Complimenti!

Ah, io il # lo uso per i Link che devono aprire finestre in Pop-Up... Funge una meraviglia ed è un paio di righe in più...

Aggiungo che l' HTML è una materia molto difficile : non è sufficiente sapere i codici, devi saperli applicare ed avere spirito di adattamento... Se li avete, l' HTML è una passeggiata.

Sync grazie per i tuoi complimenti. Sono molto soddisfatto che ti sia stata utile e soprattutto che sia stata comprensibile a tutti. Riguardo a quello che hai detto " i link non devono essere funzionanti negli esempi" sono un po' disaccorde perchè comunque volevo far vedere come si applicavano. Ma qualcuno ha smanettato qualcosa che non doveva toccare. TUTTO QUI