Elemento ancora

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.

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.

<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.

Elemento ancora

Mais conteúdo relacionado

Destaque (20)

Semelhante a Elemento ancora (20)

Mais de Denise Lima (20)

Elemento ancora