Os hiperlinks são uma ferramenta essencial para a criação de páginas web interativas e informativas. Veja como você usa hiperlinks em HTML:
1. Código HTML :
Os hiperlinks são criados usando o elemento `
` (âncora) em HTML. A estrutura é:
`Texto ou imagem
`
2. Adicionando um link :
- Dentro do elemento `
`, especifique a URL de destino usando o atributo `href`.
- O texto ou imagem entre a abertura `` e o fechamento `
` tags é o que os usuários clicam para seguir o link.
3. Formato do URL :
- URLs podem ser absolutos (incluindo o protocolo, como `https://example.com`) ou relativos (começando com `/` ou sem protocolo).
4. Exibir texto ou imagem :
- O texto ou imagem dentro do elemento `
` será exibido como link.
- Os usuários verão este texto ou imagem clicável.
5. Estilos de links :
- Por padrão, os links são azuis e sublinhados, mas você pode estilizá-los usando CSS.
6. Abrindo em uma nova guia :
- Para abrir a página vinculada em uma nova aba do navegador, adicione `target="_blank"` ao elemento ``.
7. Link para outra página :
- Para vincular a outra página do mesmo site, use uma URL relativa (começando com `/`).
- Por exemplo, `href="/about-us.html"` teria um link para a página "Sobre nós".
8. Link para um site externo :
- Para vincular a uma página de outro site, use uma URL absoluta (começando com `http://` ou `https://`).
9. Link para uma imagem :
- Para criar uma imagem clicável, use o ` Elemento ![]()
` dentro do elemento ``.
10. Link para um e-mail :
- Para criar um link que abra um cliente de e-mail padrão, use `href="mailto:[email protected]"`.
11. Teste seus links :
- Sempre teste seus links para garantir que estejam funcionando corretamente e levando os usuários aos destinos pretendidos.
12. Acessibilidade :
- Fornece texto de link descritivo para auxiliar leitores de tela e ferramentas de acessibilidade. Evite textos vagos como “Clique aqui”.
13. Atributo de título :
- Use o atributo `title` para adicionar um texto semelhante a uma dica de ferramenta que aparece ao passar o mouse.
Os hiperlinks são uma ferramenta versátil e poderosa que pode aprimorar a experiência do usuário em suas páginas da web. Use-os de forma eficaz para criar um site informativo e bem conectado.
