Trabalhando com Links
Links, também conhecidos como hiperlinks, permitem que os usuários naveguem entre páginas da web, recursos e diversas formas de comunicação. Em HTML, links são criados utilizando a tag <a> (âncora).
<a href="href-value">some text</a>
O atributo href dentro da tag <a> especifica o destino do link. Ele pode aceitar vários tipos de URLs, incluindo:
- URLs Absolutas: Especificam o endereço completo do recurso vinculado, incluindo o protocolo (por exemplo,
"https://www.example.com"); - URLs de Telefone: Permitem que os usuários iniciem chamadas telefônicas diretamente do navegador ao clicar. Formatado como
"tel:phone-number". É essencial incluir o código do país e remover quaisquer caracteres especiais ou espaços do número de telefone (por exemplo,"tel:+123456789"); - URLs de E-mail: Permitem que os usuários componham e-mails ao clicar. Formatado como
"mailto:email-address". É importante incluir o endereço de e-mail completo apósmailto:(por exemplo,"mailto:example@example.com").
Exemplo:
index.html
No exemplo acima:
- A tag
<a>cria hiperlinks com diferentes destinos; - O atributo
hrefespecifica várias URLs, incluindo URLs absolutas, números de telefone e endereços de e-mail.
Outros atributos úteis
A tag <a> possui vários atributos que podem ser usados para especificar propriedades de hiperlink. Alguns atributos comuns incluem:
target="_blank": Especifica onde abrir o documento vinculado."_blank"abre o link em uma nova janela ou guia;download: Especifica que o destino será baixado quando o usuário clicar no hiperlink. Este atributo pode receber um valor para definir o nome do arquivo ao salvar o recurso.
Exemplo:
index.html
Neste exemplo:
- O atributo
hrefespecifica a URL do recurso vinculado; - O atributo
targetabre o link em uma nova janela ou guia.
1. Como os links são criados?
2. O que o atributo href especifica em uma tag <a>?
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Can you explain more about the `download` attribute and how it works?
What other attributes can I use with the `<a>` tag?
Can you show examples of using `mailto:` and `tel:` links?
Awesome!
Completion rate improved to 2.86
Trabalhando com Links
Deslize para mostrar o menu
Links, também conhecidos como hiperlinks, permitem que os usuários naveguem entre páginas da web, recursos e diversas formas de comunicação. Em HTML, links são criados utilizando a tag <a> (âncora).
<a href="href-value">some text</a>
O atributo href dentro da tag <a> especifica o destino do link. Ele pode aceitar vários tipos de URLs, incluindo:
- URLs Absolutas: Especificam o endereço completo do recurso vinculado, incluindo o protocolo (por exemplo,
"https://www.example.com"); - URLs de Telefone: Permitem que os usuários iniciem chamadas telefônicas diretamente do navegador ao clicar. Formatado como
"tel:phone-number". É essencial incluir o código do país e remover quaisquer caracteres especiais ou espaços do número de telefone (por exemplo,"tel:+123456789"); - URLs de E-mail: Permitem que os usuários componham e-mails ao clicar. Formatado como
"mailto:email-address". É importante incluir o endereço de e-mail completo apósmailto:(por exemplo,"mailto:example@example.com").
Exemplo:
index.html
No exemplo acima:
- A tag
<a>cria hiperlinks com diferentes destinos; - O atributo
hrefespecifica várias URLs, incluindo URLs absolutas, números de telefone e endereços de e-mail.
Outros atributos úteis
A tag <a> possui vários atributos que podem ser usados para especificar propriedades de hiperlink. Alguns atributos comuns incluem:
target="_blank": Especifica onde abrir o documento vinculado."_blank"abre o link em uma nova janela ou guia;download: Especifica que o destino será baixado quando o usuário clicar no hiperlink. Este atributo pode receber um valor para definir o nome do arquivo ao salvar o recurso.
Exemplo:
index.html
Neste exemplo:
- O atributo
hrefespecifica a URL do recurso vinculado; - O atributo
targetabre o link em uma nova janela ou guia.
1. Como os links são criados?
2. O que o atributo href especifica em uma tag <a>?
Obrigado pelo seu feedback!