Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Trabalhando com Links | Fundamentos do HTML
Quizzes & Challenges
Quizzes
Challenges
/
Fundamentos de HTML

bookTrabalhando 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ós mailto: (por exemplo, "mailto:example@example.com").

Exemplo:

index.html

index.html

copy

No exemplo acima:

  • A tag <a> cria hiperlinks com diferentes destinos;
  • O atributo href especifica 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

index.html

copy

Neste exemplo:

  • O atributo href especifica a URL do recurso vinculado;
  • O atributo target abre 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>?

question mark

Como os links são criados?

Select the correct answer

question mark

O que o atributo href especifica em uma tag <a>?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 6

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

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

bookTrabalhando 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ós mailto: (por exemplo, "mailto:example@example.com").

Exemplo:

index.html

index.html

copy

No exemplo acima:

  • A tag <a> cria hiperlinks com diferentes destinos;
  • O atributo href especifica 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

index.html

copy

Neste exemplo:

  • O atributo href especifica a URL do recurso vinculado;
  • O atributo target abre 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>?

question mark

Como os links são criados?

Select the correct answer

question mark

O que o atributo href especifica em uma tag <a>?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 6
some-alt