Link HTML
- Pagina precedente HTML CSS
- Pagina successiva Immagini HTML
HTML utilizza hyperlink per connettersi a un altro documento su Internet.
I link si possono trovare praticamente in tutte le pagine web. Cliccando su un link puoi passare da una pagina all'altra.
实例
- Creare hyperlink
- Questo esempio dimostra come creare link in un documento HTML.
- Utilizzare un'immagine come link
- Questo esempio dimostra come utilizzare un'immagine come link.
(Puoi trovare più esempi nella parte inferiore di questa pagina.)
Hyperlink HTML (link)
Un hyperlink può essere una parola, un gruppo di parole, o un'immagine; puoi cliccare su questi contenuti per passare a un nuovo documento o a una parte specifica del documento corrente.
Quando muovi il puntatore del mouse su un link in una pagina web, la freccia diventa una mano.
Creiamo link utilizzando il tag <a> nell'HTML.
有两种使用 <a> 标签的方式：
- 通过使用 href 属性 - 创建指向另一个文档的链接
- 通过使用 name 属性 - 创建文档内的书签
延伸阅读：什么是超文本？
HTML 链接语法
链接的 HTML 代码很简单。它类似这样：
<a href="url">Link text</a>
href 属性规定链接的目标。
开始标签和结束标签之间的文字被作为超级链接来显示。
实例
<a href="http://www.codew3c.com/">Visita CodeW3C.com</a>
上面这行代码显示为：Visita CodeW3C.com
点击这个超链接会把用户带到 CodeW3C.com 的首页。
Suggerimento:"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
HTML 链接 - target 属性
使用 Target 属性，你可以定义被链接的文档在何处显示。
下面的这行会在新窗口打开文档：
<a href="http://www.codew3c.com/" target="_blank">Visita CodeW3C.com!</a>
HTML 链接 - name 属性
name 属性规定锚（anchor）的名称。
你可以使用 name 属性创建 HTML 页面中的书签。
书签不会以任何特殊方式显示，它对读者是不可见的。
当使用命名锚（named anchors）时，我们可以创建直接跳至该命名锚（比如页面中某个小节）的链接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
命名锚的语法：
<a name="label">Anchore（显示在页面上的文本）</a>
Suggerimento:锚的名称可以是任何你喜欢的名字。
Suggerimento:你可以使用 id 属性来替代 name 属性，命名锚同样有效。
实例
首先，我们在 HTML 文档中对锚进行命名（创建一个书签）：
<a name="tips">Considerazioni di base - Consigli utili</a>
然后，我们在同一个文档中创建指向该锚的链接：
<a href="#tips">Consigli utili</a>
你也可以在其他页面中创建指向该锚的链接：
<a href="http://www.codew3c.com/html/html_links.asp#tips"">Suggerimenti utili</a>
Nell'esempio sopra, aggiungiamo il simbolo # e il nome dell'ancora alla fine dell'URL per linkare direttamente all'ancora di nome 'tips'.
Effetto specifico:Suggerimenti utili
Precauzioni di base - Suggerimenti utili:
Nota:Aggiungi sempre la barra obliqua invertita alla sottocartella. Se scrivi il link così: href="http://www.codew3c.com/html" il server genererà due richieste HTTP. Questo perché il server aggiunge la barra obliqua invertita a questo indirizzo e crea una nuova richiesta, come questa: href="http://www.codew3c.com/html/".
Suggerimento:Gli ancore di nome sono spesso utilizzati per creare indici all'inizio di documenti grandi. Puoi assegnare un'ancora di nome a ogni capitolo e poi mettere i link a queste ancore nella parte superiore del documento. Se visiti spesso la Enciclopedia Baidu, noterai che quasi ogni voce utilizza questo metodo di navigazione.
Suggerimento:Se il browser non trova l'ancora definita, si posizionerà all'inizio del documento. Non si verificherà alcun errore.
Più esempi
- Aprire il link in una nuova finestra del browser
- Questo esempio dimostra come aprire una pagina in una nuova finestra del browser, in modo che l'utente non debba lasciare il tuo sito.
- Linkare a diverse posizioni della stessa pagina
- Questo esempio dimostra come utilizzare un link per saltare a una parte diversa del documento.
- Esci dal frame
- Questo esempio dimostra come uscire dal frame, se la tua pagina è bloccata all'interno di un frame.
- Creare un link email
- Questo esempio dimostra come linkare a un'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 di link HTML
| Etichetta | Descrizione |
|---|---|
| <a> | Definire unancora. |
- Pagina precedente HTML CSS
- Pagina successiva Immagini HTML
