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:

index.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:

page.html<h1>Page</h1>
<a href="index.html">link para index</a>