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.