La ruta de los enlaces en código Html5

Ya hemos visto que un enlace en el que no se indique la dirección de la página o de la parte de la web a la que queremos enviar a las visitas es como un pájaro sin plumas. Vamos a ver cómo se indica al navegador a dónde queremos enviar a las visitas al pulsar sobre cada enlace de la página.

La propiedad que se usa para indicar esto, es href y tras ella y entre comillas dobles es donde colocamos la ruta y el nombre del archivo de la página de destino, de este modo:

<a href="ruta-del-enlace/nombre-del-archivo-destino.extension">Texto del enlace</a>

Las explicaciones acerca de las rutas que comentamos en la sección de las imágenes y que puedes encontrar en la definición de Rutas de Archivos de la Enciclopedia CCTW es igualmente válida en este caso.

Teniendo claro entonces el concepto de ruta, ya sabes que tienes que poner tanto la ruta como el nombre del archivo relacionado con ese documento enlazado dentro de las dobles comillas del href. De nuevo y para evitar posibles problemas al memorizar y escribir la ruta correcta, procura nombrar siempre a los archivos y sus extensiones con letras minúsculas. De ese modo no tendrás que recordar si a aquél archivo le pusiste o no letras mayúsculas. En caso de enlazar con archivos que están fuera de tu web (otras páginas que no son la tuya) tendrás que mirar su nombre exácto, no sea que en ese sitio sí usen alguna letra mayúscula, claro.

Se pueden enlazar tanto otras páginas web como archivos de música, archivos de imágenes, etc, etc. En estos casos no se muestra la imagen o la música enlazada, sino que al pulsar sobre el enlace se ofrecerá la descarga al visitante. Ya veremos esto mejor más adelante.

Recuerda tener bién claro el concepto de ruta para no tener ningún problema con todo esto, oki? Usa el Foro CCTW si no consigues tenerlo bien claro, pero si alguna vez un enlace no te funciona, piensa que has podido poner la ruta mal antes de buscar el problema en cualquier otro lado.

Antes de terminar esta página, pongamos un ejemplo rápido y sencillo, vale? Qué código Html habría que colocar dentro del código de una web para colocar un enlace dirigido a ComoCrearTuWeb?

<a href="http://www.comocreartuweb.com">ComoCrearTuWeb</a>

Otro más. Imagina que quiero colocar un enlace desde el index.html de mi web hacia una página tambien de mi web que está dentro de una carpeta llamada "noticias" y cuyo nombre de archivo es "noticias-de-actualidad.html". Qué código tendría que tener ese enlace, desde index hacia esa página?

<a href="noticias/noticias-de-actualidad.html">Noticias</a>

Todo esto así, de sopetón, puede que te resulte muy pesado. Tú sigue leyendo y verás como conforme avances en este tutorial, se te van aclarando todos estos conceptos, ten fe!