Ir para conteúdo

Endereços Absolutos e Relativos

URL

Endereços Absolutos e Relativos

URL (de Uniform Resource Locator), em português Localizador de Recursos Universal, é o endereço dos sites. É aquele endereço que todos estamos habituados a colocar na barra de endereços do navegador de internet.

Pode-se linkar para outras páginas usando URLs absolutos ou relativos.

 

URL's absolutos

Um URL absoluto contém o caminho completo para a localização do ficheiro do site que se pretende.
Se por exemplo você quisesse abrir uma página chamada naka.html, que se encontrava no interior de uma pasta chamada "forum", e esta pasta se encontrava na raiz do seu site, então o URL absoluto seria:
 

Spoiler

<a href="http://www.seusite.com/forum/naka.html">Naka</a> 

 

É preferível o uso de URL's absolutos em páginas que possam mudar de posição na estrutura de pastas do site. Dessa forma se a página que contém os links mudar de pasta, os links vão continuar a funcionar.

URLs relativos

Um URL relativo indica apenas o caminho a percorrer desde a posição em que estamos.
Se por exemplo estivéssemos na página camoes.html (que se encontra dentro da pasta "poetas") e quiséssemos linkar para trás para a página principal (para a página index.html da raiz do site), então o URL relativo seria:

Spoiler

<a href="../index.html">Página Principal</a> 


os dois pontos, seguidos de uma barra, dizem ao browser para subir um nível na hierarquia na estrutura de pastas do site.
O URL relativo permite que o site possa ser testado offline, quando tivermos as pastas e os ficheiros html no disco duro. Desta forma os links vão funcionar se abrirmos as páginas do site a partir do disco

Links Âncora (ou Marcadores)


Um link âncora (ou marcador) é um link interior, é um link para dentro da própria página. É um link que leva o visitante para outra secção da mesma página

(em vez de o levar para outra página ou site).


1- Para fazer um link âncora primeiro você deve ir ao local do seu código HTML para onde você quer que o link aponte. Este é o local para onde o seu visitante será encaminhado quando clicar no link âncora. Nesse local defina o seguinte código de link com o atributo "name":

Spoiler

<a name="nome1">Este é o Texto Onde a âncora vai parar</a> 


"nome1" é o nome da âncora que você escolhe.


2 - Agora para linkar para aquele local da página, use a tag para links, e no endereço é só colocar cardinal seguido do nome escolhido para a âncora:
 

Spoiler

<a href="#nome1">clique aqui</a> 

 


Link para E-mail


Para criar um link que permite que os seus visitantes lhe enviem e-mails basta colocar a função "mailto" na tag de link:
 

Spoiler

<a href="mailto:seuendereç[email protected]">Envie-me um Email</a> 

Mudar as Cores dos Links


Por defeito os links têm a cor azul. Mas você pode alterar as cores usando o código "link" no interior da tag <body> . Exemplo:

Spoiler

<body link="red" vlink="green" alink="yellow"> 

 

link - cor dos links, vermelho neste caso
vlink - links visitados, verde neste caso
alink - links ativos, amarelo neste caso

Você pode também usar os códigos HEX para definir estas cores




×
×
  • Criar Novo...

Informação Importante

Termos de Uso Política de Privacidade Regras