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

  • 1.
    Universidade da Regiãoda 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 Paraum 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 paracabeç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.