Page 29 - Microsoft Word - apostilaHTML.doc
P. 29
Vamos imaginar a seguinte situação:
Estamos na página materias.html, localizada no diretório materias, dentro do diretório pagina1,
e ao clicarmos no link “Página Inicial” queremos que nos posicione na index.html que esta fora do diretório
pagina1. Como fazemos?
Fígura 5.2 Modelo de níveis de diretórios
Na página materias.html devemos escrever o código mencionado abaixo:
<html>
<head>
<title>LINK PARA OUTRO DIRETÓRIO</title>
</head>
<body>
<div align="center">
<h1 align="center">Página Matérias</h1>
<p> Modelo de interligação de documentos localizados em nível diferente.<br>
<a href="../../index.html">Página Inicial </a>
</body>
</html>
Observe a linha:
<a href=”../../index.html”>Página Inicial </a>
Sendo que:
<a = é a tag de abertura de link;
href = especifica a localização de qualquer tipo de recurso da internet, incluindo arquivos
HTML.
“../../index.html” = indica que o arquivo index.html está 2 NÍVEIS ( ../../ ) inferior a página
atual, ou seja, para exibir o arquivo index.html, teremos que retornar dois diretórios, sendo
estes os diretórios materias/pagina1. (Observe a figura 5.2)
Página Inicial = é o texto que será utilizado como link, para que ao clicarmos este nos
direcione para o local indicado no atributo href.
____________________________________________________________ Página - 22 -
