Tag HTML
Exemplo: neste exemplo, a página GeeksforGeeks HTML Tutorial abrirá quando você clicar em GeeksforGeeks HTML Tutorial.
<!DOCTYPE html>
<html>
<body>
<h2>Welcome to GeeksforGeeks HTML Tutorial</h2>
<a href="https://www.geeksforgeeks.org/html-tutorials/">
GeeksforGeeks HTML Tutorial
</a>
</body>
</html>
Saída:
A tag <a> (tag âncora) em HTML é usada para criar um hiperlink na página da web. Este hiperlink é usado para vincular a página da web a outras páginas da web. É usado para fornecer uma referência absoluta ou relativa como seu valor “href”.
Sintaxe:
<a href = "link"> Link Name </a>
Atributo: a tag âncora contém muitos atributos listados abaixo.
- Atributo HTML <a> charset : Este atributo é usado para especificar o conjunto de caracteres. Não é compatível com HTML 5.
- Atributo HTML <a> download : é usado para especificar o link de destino para download quando o usuário clica.
- Atributo HTML <a> hreflang : é usado para especificar o idioma do documento vinculado.
- Atributo de mídia HTML <a> : É usado para especificar a mídia vinculada.
- Atributo HTML <a> coords: É usado para especificar a coordenada dos links. Não é compatível com HTML 5.
- Atributo HTML <a> name : É usado para especificar o nome da âncora. Não é compatível com HTML 5, você pode usar o atributo global id .
- Atributo HTML <a> rel : É usado para especificar a relação entre o documento atual e o documento vinculado.
- Atributo HTML <a> shape : é usado para especificar a forma do link. Não é compatível com HTML 5.
- Atributo de tipo <a> HTML : é usado para especificar o tipo de links.
- Atributo HTML <a> target: especifica o link de destino.
- Atributo HTML <a> rev : É usado para especificar a relação entre o documento vinculado e o documento atual. Não é compatível com HTML 5.
Exemplo 1: Neste exemplo, redirecionamos simplesmente da página GeeksforGeeks para a página Geeksforgeeks.
<!DOCTYPE html>
<html>
<body>
<h1>
Welcome to
<a href="https://www.geeksforgeeks.org/">
GeeksforGeeks
</a>
</h1>
<h2>This is anchor Tag</h2>
</body>
</html>
Saída:
Exemplo 2: Neste exemplo, usaremos uma imagem para redirecionar para a página Geeksforgeeks.
<!DOCTYPE html>
<html>
<body>
<p>Click on the image to open web page.</p>
<!-- anchor tag starts here -->
<a href="https://www.geeksforgeeks.org/">
<img src=
"https://media.geeksforgeeks.org/wp-content/uploads/gfg1-11.png"
width="300" height="250" />
</a>
<!-- anchor tag ends here -->
</body>
</html>
Saída:
Navegadores Suportados:
- Google Chrome
- Internet Explorer
- Raposa de fogo
- Ópera
- Safári
- Borda
As postagens do blog Acervo Lima te ajudaram? Nos ajude a manter o blog no ar!
Faça uma doação para manter o blog funcionando.
70% das doações são no valor de R$ 5,00...
Diógenes Lima da Silva