Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Manual de HTML
SEÇÕES
Manuais relacionados
+Manual de HTML
Categorias
+HTML

Índice do Manual Manual de HTML
+ Prólogo ao manual de HTML
+ Introdução ao HTML
+ Sintaxes do HTML
+ Sua primeira página
+ Formato de parágrafos em HTML
+ Formatando o texto
+ Cor, tamanho e tipo de letra
+ Atributos para páginas
+ Listas I
+ Listas II
+ Listas III
+ Caracteres especiais
+ Links em HTML
+ Links internos
+ Links locais
+ Links externos, de correio e para arquivos
+ Imagens em HTML
+ Alinhamento de imagens com HTML
+ Formatos gráficos para páginas web
+ As cores e HTML
+ Tabelas em HTML
+ Tabelas em HTML. Atributos para filas e células.
+ Tabelas em HTML. Atributos da tabela e conclusão.
+ Formulários HTML
+ Elementos de formulários. Campos de texto.
+ Outros elementos de formulários
+ Botão Submit, Apagar Campos e outros em formulários HTML
+ Mapas de imagens com HTML
+ Frames em HTML
+ Frames – Explicação básica
+ Frames – Criação de uma estrutura simples
+ Frames – Uma página em cada janela
+ Frames – Orientar os links
+ Frames – Aninhar frames
+ Frames – Atributos avançados
+ Vantagens e incovenientes do uso de frames
+ As etiquetas de HTML 4.0
+ As etiquetas de HTML 4.0 (1)
+ As etiquetas de HTML 4.0 (2)
+ Áudio em HTML I, introdução
+ Áudio em HTML II, características do áudio digital
+ Áudio em HTML (III)
+ Áudio em HTML (IV)

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


Links locais

Links HTML com outras páginas do mesmo site web.


Como dissemos, um site web está constituido de páginas interconexas. No capítulo anterior vimos como linkar diferentes seções dentro de uma mesma página. Resta-nos estudar a maneira de relacionar os distintos documentos HTML que compõem nosso site web.

Para criar este tipo de links, temos que criar uma etiqueta da seguinte forma:

<a href="arquivo.html">conteúdo</a>

Por regra geral, para uma melhor organização, os sites costumam estar ordenados por diretórios. Estes diretórios costumam conter diferentes seções da página, imagens, audios...É por isso que em muitos casos não nos será válido especificar o nome do arquivo, e sim, o diretório onde nosso arquivo.html está alojado.

Se você já tiver trabalhado com MS-DOS não terá nenhum problema para compreender o modo de funcionamento. Somente deverá ter cuidado em usar a barra "/" no lugar da contra-barra "\".

Para aqueles que não sabem como mostrar um caminho de um arquivo, aqui vai uma série de indicações que lhes vão ajudar a compreender a forma de expressá-los. Não é nada difícil e com um pouco de prática o fará praticamente sem pensar.

  1. Há de situar mentalmente no diretório no qual se encontra a página com o link.
  2. Se a página destino está em um diretório incluído dentro do diretório no qual nos encontramos, temos de marcar o caminho numerando cada um dos diretórios pelos quais passamos até chegar ao arquivo e separando-os pelo símbolo barra "/". No final, obviamente, escrevemos o arquivo.
  3. Se a página destino encontra-se em um diretório que inclui o da página com o link, temos que escrever dois pontos seguidos e uma barra "../" tantas vezes quantas forem os níveis que subirmos na hierarquia de diretórios, até chegar no diretório onde está localizado o arquivo destino.
  4. Se a página encontra-se em outro diretório não incluído nem incluente do arquivo origem, teremos que subir com a regra 3 por meio de ".." até encontrar o diretório que englobe o diretório que contém a página destino. A seguir faremos como a regra 2. Escreveremos todos os diretórios pelos quais passamos até chegar ao arquivo.
Estrutura de diretórios de web exemplo Exemplo:


Para esclarecer este ponto podemos fazer um exemplo a partir da estrutura de diretórios da imagem.



Para fazer um link desde index.html para yyy.html:
<a href="secao1/paginas/yyy.html">conteudo</a>

Para fazer um link desde xxx.html para yyy.html:
<a href="../secao1/paginas/yyy.html">conteudo</a>

Para fazer um link desde yyy.html para xxx.html:
&<a href="../../secao2/xxx.html">conteudo</a>


Os links locais podem por sua vez já apontar mais precisamente a uma seção concreta, ao invés da página em geral. Este tipo de link costuma ser um híbrido de interno e local. A sintaxe é deste tipo:

<a href="arquivo.html#secao">conteudo</a>

Como para os links internos, neste caso temos que marcar a seção com outro link do tipo:

<a name="secao"></a>

Como exemplo temos aqui um link que aponta ao capítulo anterior ao final da página.

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Manual de HTML
Anterior: Links internos

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em HTML


Comentários dos visitantes
Os comentários dos visitantes são para ampliar a informação do artigo. Todos podem participar.
 Mostra-se um comentário revisto

 Comentário de Lurdes Costa  06/12/06 
Excelente matéria e grande site de aprendizagem

Comentário sem rever
Entre os comentários não revistos podem ter alguns interessantes que tenham sido enviado recentemente.
 Foram econtrados 2 comentários sem rever

VerVer os comentários não revistos



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites