HTML

Links - âncora e alguns atributos

Âncora

O elemento âncora, definido pelo tag <a>, é essência da linguagem HTML, pois é a marca que indica o destino de um link de hipertexto.

Atributos da âncora

Vários atributos podem ser definidos pelo tag <a>, sendo que HREF é obrigatório. A letra "a" contida dentro do elemento significa "action" e indica, neste caso, que a área indicada efetuará uma ação quando clicada.

HREF: Quando o atributo HREF está presente, o texto entre os elementos de abertura (<) e fechamento (>) da âncora se torna um hipertexto, que, quando clicado pelo mouse de um leitor fará com que o navegador acesse aquela página.

Sintaxe para criar a âncora:

<a HREF="http://www.cultura.ufpa.br/dicas/htm/htm-lin2.htm"> HTML - Links - código

Nesse exemplo, clicando em "HTML - Links - código" o internauta acessará essa mesma página, cujo endereço é http://www.cultura.ufpa.br/dicas/htm/htm-lin2.htm

Notar que se um endereço colocado no tag <a> não contiver o nome do arquivo, o leitor será encaminhado à uma página cujo nome é INDEX.HTML (ou INDEX.HTM).

Como será o código:
<a HREF="http://www.cultura.ufpa.br/dicas"> Muitas Dicas
(notar que não há o nome do arquivo ______.htm ou _____.html nesse endereço)

O atributo name

É usado para dar um nome, à sua escolha, para a âncora. O nome serve para marcar o lugar em que a âncora se encontra e o identifica, e tornando possível saltar diretamente para esse local a partir de outros documentos ou de outros pontos do mesmo documento sem que o leitor tenha de se deslocar na página.

O atributo target

O atributo target permite-nos abrir uma nova janela ou moldura ("frame") diferente daquela em que se clicou.

O target _blank é útil em especial para links externos ou seja, o visitante abre o link de outro site, mas a janela atual não se fecha.

Se for utilizado target="_top" o link será forçado a abrir em janela inteira, caso o link esteja numa página dentro de um frame.

Por exemplo, clique no link abaixo, é da parte de imagens:

Animais - Répteis - Dinossauros 3
O código utilizado foi:

<center><a target="_blank" href="http://www.cultura.ufpa.br/dicas/im/ima-rep6.htm">Animais - Répteis - Dinossauros 3</a> </center>

Note como o link abaixo não abre uma nova janela , mas usa a mesma janela da direita:

Enfeites - Terra 1
O código utilizado foi:

<center><a target="direita" href="http://www.cultura.ufpa.br/dicas/im/ima-en06.htm">Enfeites - Terra 1</a></center>

Eis alguns valores no atributo TARGET:

window_name: O nome de qualquer janela de um elemento FRAME; ou, pelo uso do método de script window.open.

_blank: obriga que qualquer página seja carregada em uma nova janela. Tem efeito semelhante ao uso de window_name, mas _blank não nomeará a nova janela.

_top: obriga que qualquer página seja carregada na janela de maior nível, limpando qualquer janela de frame existente no momento

_self: obriga que qualquer página de retorno de um "form" seja carregada dentro da janela que o contém.

_parent: obriga que qualquer página de retorno de um FORM seja carregada na janela que é a mãe da janela que contém o FORM, isto é, se a janela do FORM é parte de um documento que usa frames, ela será carregada na janela controlada pelo tag FRAMESET. (topo)

Como acessar uma certa parte de uma página

O atributo HREF permite que se inclua uma marca de desvio para uma parte específica de um documento.

1. do mesmo arquivo:
Clicando aqui vai-se para o fim desse texto

O código aplicado no link "aqui" é:
<a HREF="#fim">
O símbolo # sempre aparece quando se quer ligar duas partes do mesmo documento.

2. de outro arquivo, do mesmo site:
Clicando aqui vai-se à 1a. página sobre links, no ponto
Já, se for assinalado "Usar cores personalizadas"
O código aplicado no link "aqui" é:
<a HREF="htm-link.htm#persona">
Outras formas do atributo HREF <a HREF="http://...">
Cria um link para um outro documento localizado num servidor WWW.

<a HREF="mailto:...">
O navegador abrirá a caixa de diálogo do programa de um e-mail POP3, permitindo que sejam enviadas mensagens de e-mail para o endereço apontado em mailto.

(Clique aqui para ter mais detalhes sobre alguns dos serviços de Internet abaixo citados).

a HREF="ftp://...">
Cria um link para um site ftp.

a HREF="gopher://...">
Cria um link para um servidor gopher.

<a HREF="news:...">
Cria um link para um "newsgroup".

<a HREF="telnet://...">
Inicia uma seção telnet (usando um outro programa) com a máquina especificada após a etiqueta telnet://.
TARGET As janelas dos navegadores podem ter nomes associados a elas. Assim, links em qualquer janela podem referir-se à outras janelas pelo nome. Quando o link é ativado, o arquivo referenciado aparece na janela que foi nomeada.

O código para a janela alvo é:
<a HREF="http://...html" TARGET=nome-da-janela">Texto do link></a>

(topo)

Onde encontrar mais informação

Referências Bibliográficas
(topo)

Este "site", destinado prioritariamente aos alunos de Fátima Conti,
pretende auxiliar quem esteja começando a se interessar por internet,
segue as regras da FDL (Free Documentation Licence),
computadores e programas, estando em permanente construção.
Sugestões e comentários são bem vindos.
Se desejar colaborar, clique aqui.
Agradeço antecipadamente.

Deseja enviar essa página?

Se você usa um programa de correio eletrônico devidamente configurado e tem
um e-mail pop3, clique em "Enviar página" (abaixo) para abrir o programa.
Preencha o endereço do destinatário da mensagem.
E pode acrescentar o que quiser.
(Se não der certo, clique aqui para saber mais).

Enviar página

Se você usa webmail copie o endereço abaixo
http://www.ufpa.br/dicas/htm/htm-lin2.htm

Acesse a página do seu provedor. Abra uma nova mensagem.
Cole o endereço no campo de texto.
Preencha o endereço do destinatário.
E também pode acrescentar o que quiser.

Última alteração: 12 mai 2012