Links em HTML
Página 7 | Ouça em áudio
Links em HTML
Os links são um dos elementos mais importantes em HTML, pois permitem que os usuários naveguem entre diferentes páginas da web. Em HTML, os links são criados usando a tag <a>
, que significa "anchor" (âncora).
Para criar um link, você precisa especificar o URL da página para a qual deseja vincular. O URL é a sequência de caracteres que identifica exclusivamente uma página da web. Por exemplo, o URL da página inicial do Google é https://www.google.com
.
Para criar um link para o Google, você pode usar o seguinte código HTML:
<a href="https://www.google.com">Google</a>
Nesse exemplo, o texto "Google" é o texto do link que será exibido na página. O atributo href
especifica o URL para o qual o link aponta.
Além do atributo href
, você também pode adicionar outros atributos ao elemento <a>
. Por exemplo, o atributo target
especifica onde a página vinculada será aberta. Se você definir o valor do atributo como "_blank", a página será aberta em uma nova janela do navegador. Por exemplo:
<a href="https://www.google.com" target="_blank">Google</a>
Você também pode adicionar um título ao link usando o atributo title
. O título é exibido como uma dica de ferramenta quando o usuário passa o mouse sobre o link. Por exemplo:
<a href="https://www.google.com" title="Ir para o Google">Google</a>
Além disso, você pode criar links para seções específicas de uma página usando âncoras. As âncoras são marcadores dentro de uma página que permitem que você vincule diretamente a uma seção específica. Para criar uma âncora, você precisa adicionar o atributo id
a um elemento na página. Por exemplo:
<h2 id="minha-secao">Minha seção</h2>
Para criar um link para essa seção, você pode usar o seguinte código:
<a href="#minha-secao">Ir para minha seção</a>
Nesse exemplo, o valor do atributo href
começa com um sinal de cerquilha (#), seguido pelo valor do atributo id
do elemento que você deseja vincular.
Em resumo, os links são uma parte fundamental do HTML e permitem que os usuários naveguem facilmente entre diferentes páginas da web. Com a tag <a>
, você pode criar links para outros sites, seções específicas de uma página e até mesmo abrir páginas em uma nova janela do navegador.
Agora responda o exercício sobre o conteúdo:
_Qual é a função do atributo "target" na tag <a>
em HTML?
Você acertou! Parabéns, agora siga para a próxima página
Você errou! Tente novamente.
Próxima página do Ebook Gratuito: