A Tag "a" - Aulas de HTML, Lição 7

Compartilhar

A tag <a> é usada em HTML para criar links para outras páginas, sejam páginas do mesmo website ou para outros websites. Quando um link é clicado no navegador, o navegador automaticamente navega para a página linkada. Também é possível "linkar" endereços de e-mail, números de telefone, e outras coisas, que quando clicadas abrem o aplicativo para fazer ligações telefônicas com o número de telefone especificado, por exemplo.

<body>
    A <a href="https://www.wikipedia.org/">Wikipédia</a> é um site bem legal!
</body>

Acima temos um exemplo de como <a> é usado. Se você criar uma página com esse código, o resultado será algo assim:

A Wikipédia é um site bem legal!

A tag <a> possui um atributo href cujo valor é a URL da página a ser visitada. Essa palavra vem de hypertext reference (referência de hipertexto). Esse nome pode parecer estranho mas está em linha com todo o resto do HTML, ou melhor, da HyperText Markup Language ("Linguagem de Marcação de HiperTexto"). Os links em si eram originalmente chamados de hyperlinks (hiperlinks).

Por algum motivo paramos de usar palavras futurísticas como "hiper." Triste. Muito triste.

O nome da tag <a> vem de anchor ("âncora"). Ninguém chama links de âncoras. Todo mundo vai chamar a tag <a> de tag de link, o que pode ser confuso já que existe uma tag <link> também que possui um propósito diferente.

Podemos usar o atributo title para exibir um texto quando o usuário passa o ponteiro do mouse por cima do link. Mais especificamente, o que é exibido é uma "dica de ferramenta" (tooltip). Por exemplo:

A <a title="Artigo na Wikipédia" href="https://en.wikipedia.org/wiki/Mona_Lisa">Mona Lisa</a> é um quadro famoso.

O código acima geraria o resultado abaixo:

A Mona Lisa é um quadro famoso.

E se você passar o ponteiro do mouse por cima do link, o texto "Artigo na Wikipédia" deverá aparacer.

Comentários

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *