Enlaces internos en HTML
En la lección anterior hicimos enlaces a páginas de sitios web de otros, copiando su dirección desde la barra de direcciones del navegador. Ahora supongamos que quieres enlazar páginas de tu propio sitio web.
En tal caso, no se pueden copiar sus direcciones desde la barra de direcciones. El problema es que tales direcciones contendrán la ruta completa a tu página desde el disco raíz de tu computadora, y al moverla a otra carpeta, esos enlaces simplemente se romperán.
Para las páginas de tu propio sitio web, se debe practicar
un enfoque diferente. Vamos a estudiarlo con un ejemplo. Supongamos
que en la carpeta raíz de tu sitio web se encuentran
el archivo index.html y el archivo page.html.
Vamos a enlazar estos archivos. Para ello, en el atributo
href de los enlaces, simplemente debemos escribir
los nombres de estos archivos (con su extensión). Hagámoslo.
En la página index.html hagamos un enlace
a la página page.html:
<h1>Index</h1>
<a href="page.html">enlace a page</a>
Y en la página page.html hagamos un enlace
a la página index.html:
<h1>Page</h1>
<a href="index.html">enlace a index</a>
Crea tres páginas HTML en la raíz de tu
sitio web. Nómbralas 1.html, 2.html,
3.html. Enlaza estas páginas entre sí.
Crea también la página index.html.
Coloca en ella enlaces a las páginas 1.html,
2.html, 3.html.
Modifica la tarea anterior para que los
enlaces estén en una lista ul.
