Links internos em HTML
Na lição anterior, criamos links para páginas de outros sites, copiando seus endereços da barra de endereços do navegador. Suponha que agora você queira vincular as páginas do seu próprio site.
Nesse caso, não é possível copiar seus endereços da barra de endereços. O problema é que tais endereços conterão o caminho completo para sua página a partir do disco raiz do seu computador, e ao movê-la para outra pasta, esses links simplesmente quebrarão.
Para as páginas do seu próprio site, deve-se adotar
uma abordagem diferente. Vamos estudá-la com um exemplo.
Suponha que na pasta raiz do seu site estejam localizados
o arquivo index.html e o arquivo page.html.
Vamos vincular esses arquivos com links. Para isso, no atributo
href dos links, basta escrever
os nomes desses arquivos (com sua extensão). Vamos
fazer isso.
Na página index.html, vamos fazer um link
para a página page.html:
<h1>Index</h1>
<a href="page.html">link para página</a>
E na página page.html, vamos fazer um link
para a página index.html:
<h1>Page</h1>
<a href="index.html">link para index</a>
Crie três páginas HTML na raiz do seu
site. Nomeie-as como 1.html, 2.html,
3.html. Vincule essas páginas com links
umas às outras.
Crie também uma página index.html.
Coloque nela links para as páginas 1.html,
2.html, 3.html.
Modifique a tarefa anterior para que os
links sejam dispostos em uma lista ul.
