English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
O HTML usa hiperlinks para conectar a outro documento na Internet. almost always pode ser encontrado em todas as páginas da web. Clicando no link, você pode saltar de uma página para outra.
Hiperlinks HTML Como criar hiperlinks em documentos HTML.
!DOCTYPE html <html> <head> <meta charset="utf-8"> <title>Manual Básico(oldtoolbag.com)</title> </head> <body> <p> <a href="/index.html">Este texto</a> é um link que aponta para uma página neste site. </p> <p><a href="https://www.baidu.com/">百度</a> é um link que aponta para uma página na Internet. </p> </body> </html>Teste e veja ‹/›
O HTML usa a tag <a> para configurar links de hipertexto.
Um hiperlink pode ser uma letra, uma palavra, um grupo de palavras, ou uma imagem. Você pode clicar nesses conteúdos para saltar para um novo documento ou para uma parte específica do documento atual.
Quando você move o ponteiro do mouse sobre um link em uma página da web, a seta se torna uma pequena mão.
No texto <a>, a propriedade href é usada para descrever o endereço do link.
Por padrão, os links serão exibidos no navegador da seguinte forma:}}
Um link não visitado é exibido em azul com sublinhado.
Os links visitados são exibidos em roxo com sublinhado.
Quando clicado, o link é exibido em vermelho com sublinhado.
Anotação: Se estiverem definidas estilos CSS para esses hiperlinks, a exibição será conforme definido no CSS.
O código HTML de link é simples. Ele é semelhante a este:
<a href="https://pt.oldtoolbag.com">site do tutorial básico</a>
A propriedade href descreve o destino do link.
<a href="https://pt.oldtoolbag.com/">Acesse o site do tutorial básico</a>
O código da linha acima é exibido como:Acesse o tutorial básico
Clicar neste hiperlink levará o usuário para a página inicial do tutorial básico.
Dica: "Texto do link" não precisa ser texto. Uma imagem ou outro elemento HTML podem ser usados como link.
Usando a propriedade target, você pode definir onde o documento vinculado será exibido.
A seguinte linha abrirá o documento em uma nova janela:
<a href="https://pt.oldtoolbag.com/" target="_blank">Acesse o tutorial básico!"/a>Teste e veja ‹/›
A propriedade id pode ser usada para criar um marcador em um documento HTML.
Dica: Os marcadores não são exibidos de forma especial, não são exibidos no documento HTML, portanto, são ocultos para o leitor.
Inserir ID no documento HTML:
<a id="tips">dicas úteis</a>
Criar um link para "dicas úteis (id="tips"") no documento HTML:
<a href="#tips">Acessar a seção de dicas úteis</a>
Ou, crie um link para "dicas úteis (id="tips"}" a partir de outra página:
<a href="https://pt.oldtoolbag.com/html/html-links.html#tips"> Acessar a seção de dicas úteis</a>
Observação: Sempre adicione uma barra invertida ao subdiretório. Se você escrever o link assim: href="https://pt.oldtoolbag.com/html" gerará duas solicitações HTTP ao servidor. Isso ocorre porque o servidor adiciona uma barra invertida a esse endereço e cria uma nova solicitação, como esta: href="https://pt.oldtoolbag.com/html/"。
Links de imagem Este exemplo demonstra como usar links de imagem.
Ligar para uma posição específica na página atual Este exemplo demonstra como usar marcadores.
Sair do frame Este exemplo demonstra como sair do frame, se sua página estiver fixa dentro do frame.
Criar um Link de E-mail Este exemplo demonstra como fazer uma ligação para um e-mail. (Este exemplo só funciona após a instalação do programa cliente de e-mail.)
Criar um Link de E-mail 2 Este exemplo demonstra um link de e-mail mais complexo.
| Etiqueta | Descrição |
| <a> | Definir um Hyperlink |