O documento explica os principais elementos e atributos usados para criar links em HTML, incluindo o elemento âncora <a> e seus atributos href, title, target. Também descreve tipos de links como links locais, absolutos e links para imagens, email, navegação interna e download.
1. Universidade da Região da Campanha – Curso Técnico em Informática
Desenvolvimento para Web - Professora Denise Aristimunha de Lima
Emento A
<a href></a>
Elemento âncora – Destina-se a marcar um conteúdo qualquer do documento (texto,
imagem etc) com o qual o usuário poderá interagir, clicando com o botão do mouse.
Faz um link, uma ligação para um documento ou conteúdo web.
Atributo href=“uri”
Identifica o URI, sigla em inglês para Uniform Resource Identifier
(o endereço na web), onde está hospedado o documento que será aberto quando o
link for acionado.
Exemplo link padrão
<a href=“http://www.urcamp.tche.br”>site da urcamp</a>
A marcação mostra um link para o site da urcamp.
Atributo Title
Destina-se a indicar alguma referência em relação ao link que será clicado.
< a href=“http://www.orkut.com” title=“acesse o orkut”>Orkut</a>
Quando o curso se posicionar em cima do link, a frase “acesse o Orkut” aparecerá.
Atributo Target
Define como o documento destino do link será carregado ou aberto. Os valores possíveis são
os seguintes:
_blank - O documento abre em uma nova janela.
_parent O documento destino abre em uma janela pai do documento atual.
_self o documento destino abre na mesma janela do documento atual.
_top O documento destino abre no corpo da janela do documento atual.
<a href=“http://www.w3c.org” target="_blank”>Link para world wide web
consortium</a>
Abre o documento em uma nova janela.
2. Tipos de link
Para um link local (link relativo)
Para ir a uma subpágina. Página que se encontra no mesmo diretório e no mesmo
servidor, sendo assim, só necessita do nome do arquivo.
<a href=“historia.html”>história</a>
O link vai para uma página localizada no mesmo diretório.
Link absoluto
Para ir a uma página externa. Página que se encontra em outro servidor.
<a href=“http://www.orbita.com/nome_diretorio/historia.html">História</a>
O link vai para uma página localizada em outro local.
Fazer um link através de uma imagem
Pode-se utilizar o elemento img dentro do elemento âncora para chamar um link
através de uma imagem.
O atributo border deixa a imagem sem a marcação de link (tira a borda azul que
referência a imagem como link).
<a href=“http://www.google.com”><img src=“logo.gif” border=“0”></a>
Serviço de email
Pode ser utilizado outro serviço como o correio eletrônico através de um link.
<a href=“mailto:atendimento@gmail.com” >Enviar e-mail para Atendimento</a>
Atributo Name
Identifica um determinado ponto do documento que poderá ser utilizado como destino de um
link. È a chamada navegação interna (quando um link acionado em vez de partir para um
documento novo, vai até um ponto localizado no próprio documento.
3. <a href=“#link1”>Link para cabeçalho 1</a>
...
<h1 name=“link1”>Cabeçalho 1</h1>
<pre>Tollimus autem et abolemus omnino vetus kalen</pre>
Para fazer download através de um link
Serve para baixar um documento que esteja naquele servidor.
<a href=“historia_www.doc” target=“window”>História da World Wide Web</a>
SILVA, Maurício Samy. Criando Sites com HTML. São Paulo: Novatec Editora, 2008.