I link sono presenti in quasi tutte le pagine web. Link consentono agli utenti di cliccare la loro strada da una pagina all'altra.
HTML Link Descrizione
un collegamento ipertestuale, o semplicemente un link, è un riferimento a dati che il lettore possa seguire direttamente facendo clic, toccando, o in bilico.
Un collegamento ipertestuale punta a un intero documento o ad un elemento specifico all'interno di un documento. L'ipertesto è un testo con collegamenti ipertestuali. Il testo che è collegato da si chiama il testo di ancoraggio.
Un sistema software che viene utilizzato per la visualizzazione e la creazione di ipertesto è un sistema ipertestuale, e per creare un collegamento ipertestuale è di collegamento ipertestuale (o semplicemente per collegare). Una successiva collegamenti ipertestuali utente è detto per navigare o sfogliare l'ipertesto.
HTML Links - Collegamenti ipertestuali
link HTML sono collegamenti ipertestuali.
Un collegamento ipertestuale è un testo o un'immagine è possibile fare clic su, e saltare a un altro documento.
HTML Links - Sintassi
In HTML, i collegamenti vengono definiti con il <a> tag:
<a href=" url "> link text </a>Esempio
<a href="http://www.w3ii.com/html/default.html">Visit our HTML tutorial</a> Prova tu stesso " Il href attributo specifica l'indirizzo di destinazione (http://www.w3ii.com/html/default.html)
Il testo del link è la parte visibile (Visit our HTML tutorial) .
Cliccando sul testo del link, vi invierà all'indirizzo specificato.
Il testo del collegamento non deve essere testo. Può essere un'immagine HTML o qualsiasi altro elemento HTML.
Senza una barra finale sugli indirizzi sottocartella, si potrebbe generare due richieste al server. Molti server aggiungerà automaticamente slash a l'indirizzo, e quindi creare una nuova richiesta.
collegamenti locali
L'esempio precedente utilizzato un URL assoluto (A full web address) .
Un collegamento locale (link to the same web site) è specificato con un URL relativo (without http://www.... ) .
HTML Link - Colori
Quando si sposta il mouse sopra un link, due cose normalmente accadere:
- La freccia del mouse si trasformerà in una piccola mano
- Il colore dell'elemento di collegamento cambierà
Per impostazione predefinita, viene visualizzato un link come questo (in all browsers) :
- Un collegamento non visitato è sottolineato e blu
- Un collegamento visitato è sottolineato e viola
- Un collegamento attivo è sottolineato e rosso
È possibile modificare i colori di default, utilizzando gli stili:
Esempio
<style>
a:link {color:green; background-color:transparent; text-decoration:none}
a:visited {color:pink; background-color:transparent; text-decoration:none}
a:hover {color:red; background-color:transparent; text-decoration:underline}
a:active {color:yellow; background-color:transparent; text-decoration:underline}
</style> Prova tu stesso " HTML Link - Il target attributo
L' target attributo specifica dove aprire il documento collegato.
In questo esempio verrà aperto il documento collegato in una nuova finestra del browser o in una nuova scheda:
| Valore di destinazione | Descrizione |
|---|---|
| _blank | Apre il documento collegato in una nuova finestra o scheda |
| _self | Apre il documento collegato nello stesso frame come è stato fatto clic (this is default) |
| _parent | Apre il documento collegato nel frame principale |
| _top | Apre il documento collegato nel corpo completo della finestra |
| framename | Apre il documento collegato in una cornice di nome |
Se la pagina Web è bloccato in una cornice, è possibile utilizzare target="_top" di uscire del telaio:
Esempio
<a href="http://www.w3ii.com/html/default.html" target="_top">HTML5 tutorial!</a> Prova tu stesso " Link HTML - immagine come link
E 'comune l'uso di immagini come link:
Esempio
<a href="default.html">
<img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0">
</a> Prova tu stesso " border: 0 viene aggiunto per evitare che IE9 (and earlier) di visualizzare un bordo intorno all'immagine.
Link HTML - creare un segnalibro
segnalibri HTML vengono utilizzati per consentire ai lettori di saltare a parti specifiche di una pagina Web.
I segnalibri sono pratico se il vostro sito ha pagine.
Per fare un segnalibro, è necessario prima creare il segnalibro, e quindi aggiungere un link ad esso.
Quando il link viene cliccato, la pagina scorrerà alla posizione con il segnalibro.
Esempio
In primo luogo, creare un segnalibro con l' id attributo:
<h2 id="tips">Useful Tips Section</h2>Quindi, aggiungere un collegamento al segnalibro ("Useful Tips Section") , all'interno della stessa pagina:
<a href="#tips">Visit the Useful Tips Section</a>In alternativa, aggiungere un collegamento al segnalibro ("Useful Tips Section") , da un'altra pagina:
Riassunto capitolo
- Utilizzare il codice HTML <a> elemento per definire un collegamento
- Utilizzare il codice HTML href attributo per definire l'indirizzo del link
- Utilizzare il codice HTML target attributo per definire dove per aprire il documento collegato
- Utilizzare il codice HTML <img> elemento (inside <a> ) per utilizzare un'immagine come collegamento
- Utilizzare l'HTML id attributi ( id=" value ") per definire i segnalibri in una pagina
- Utilizzare l'HTML href attributo ( href="# value ") per collegare al segnalibro
Mettiti alla prova con esercizi!
Esercizio 1 » Esercizio 2» Esercizio 3 » Esercizio 4» Esercizio 5 »
Tag HTML Link
| Etichetta | Descrizione |
|---|---|
| <a> | Definisce un collegamento ipertestuale |