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:
<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:
<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":
<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:
<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:
<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:
<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