English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML utilizza link ipertestuali per connettersi a un altro documento sul web. Si possono trovare link quasi in tutte le pagine web. Cliccando sui link puoi passare da una pagina a un'altra.
Link ipertestuali HTML Come creare link ipertestuali in un documento HTML.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Manuale di Base (oldtoolbag.com)</title> </head> <body> <p> <a href="/index.html">本文本</a> è un link che punta a una pagina all'interno di questo sito.</p> <p><a href="https://www.baidu.com/">百度</a> è un link che puntala a una pagina web sul web.</p> </body> </html>Prova a vedere ‹/›
HTML utilizza il tag <a> per impostare i link ipertestuali.
Un link ipertestuale può essere una lettera, una parola, un gruppo di parole, o anche un'immagine; puoi cliccare su questi contenuti per saltare a un nuovo documento o a una parte specifica del documento corrente.
Quando muovi il puntatore del mouse su un link all'interno della pagina web, la freccia diventa una piccola mano.
L'attributo href è utilizzato all'interno del tag <a> per descrivere l'indirizzo del link.
Per impostazione predefinita, i link appariranno nel seguente modo nel browser:
Un link non visitato viene visualizzato in blu con una sottolineatura.
I link visitati vengono visualizzati in viola con una sottolineatura.
Quando si clicca su un link, il link viene visualizzato in rosso con una sottolineatura.
Attenzione: se per questi link sono stati impostati stili CSS, la visualizzazione dello stile sarà mostrata secondo le impostazioni CSS.
Il codice HTML dei link è molto semplice. Sembra così:
<a href="https://it.oldtoolbag.com">Sito web della guida di base</a>
L'attributo href descrive il destinatario del collegamento.
<a href="https://it.oldtoolbag.com/">Accedi al sito web della guida di base</a>
La riga seguente viene visualizzata come:Accedi alla guida di base
Cliccando su questo hyperlink l'utente verrà portato alla pagina iniziale della guida di base.
Suggerimento: "testo del collegamento" non deve essere necessariamente testo. Le immagini o gli elementi HTML possono diventare collegamenti.
Utilizzando l'attributo target, puoi definire dove viene visualizzato il documento collegato.
La riga seguente aprirà il documento in una nuova finestra:
<a href="https://it.oldtoolbag.com/" target="_blank">Accedi alla guida di base!</a>Prova a vedere ‹/›
L'attributo id può essere utilizzato per creare un segnalibro in un documento HTML.
Suggerimento: I segnalibri non vengono visualizzati in modo speciale, non vengono visualizzati nell'HTML del documento, quindi sono nascosti per il lettore.
Inserire un ID nell'HTML del documento:
<a id="tips">Sezione suggerimenti utili</a>
Creare un collegamento a "sezione suggerimenti utili (id="tips")" in un documento HTML:
<a href="#tips">Accedi alla sezione suggerimenti utili</a>
O, crea un collegamento a "sezione suggerimenti utili (id="tips")" da un'altra pagina:
<a href="https://it.oldtoolbag.com/html/html-links.html#tips"> Accedi alla sezione suggerimenti utili</a>
Nota: Aggiungi sempre la barra obliqua alla sottocartella. Se si scrive così il collegamento: href="https://it.oldtoolbag.com/html", si genereranno due richieste HTTP al server. Questo perché il server aggiunge la barra obliqua a questo indirizzo e crea una nuova richiesta, come questa: href="https://it.oldtoolbag.com/html/".
Collegamento immagine Questo esempio dimostra come utilizzare i collegamenti immagine.
Collegarsi a una posizione specifica nella pagina corrente Questo esempio dimostra come utilizzare i segnalibri
Esci dal frame Questo esempio dimostra come uscire dal frame, se la tua pagina è bloccata all'interno di un frame.
Creare un collegamento email Questo esempio dimostra come collegarsi a una email. (Questo esempio funziona solo dopo l'installazione del programma client di posta.)
Creare un link email 2 Questo esempio dimostra un link email più complesso.
| Etichetta | Descrizione |
| <a> | Definire un hyperlink |