Una de las grandes ventajas de HTML es que permite crear vínculos entre documentos o partes de estos, que nos posibilitan navegar a través de una gigantesca biblioteca automáticamente referenciada y anotada. Así los vínculos, hipervínculos o enlaces nos permiten navegar:
Entre páginas distintas de un mismo sitio de web.
Entre páginas de más de un sitio web que residen en un mismo servidor (nótese que sitio web y servidor web no son conceptos sinónimos).
Entre páginas de distintos sitios de web localizados físicamente en distintos y muy distantes servidores.
Entre distintas partes de un mismo documento.
Estos vínculos se establecen generalmente pulsando sobre una zona de texto o una imagen, por lo que habrá que definir en HTML estos extremos. Por regla general, cuando el enlace es a otra página en otro sitio de web, la etiqueta será:
<A HREF="http://www.otrositio.es"></A>, siendo la URL del otro sito tal que www.otrositio.es
Cuando sea a una página concreta y específica en otro sitio, será:
<A HREF="http://www.otrositio.es/otrapagina.html"></A>. Aquí, además de especificar la URL se marca la página a donde se debe ir a buscar.
Así, si usted pulsa aquí, le llevaré al Ministerio de Economía. Pero si pulsa en este otro texto, le llevaré a la pagina de Estructura y Funciones de la Secretaría General de Turismo.
En el último caso, si queremos enlazar con otras partes de este texto debermos definir un enlace y un marcador, que será el destino de tal enlace. El marcador se define con:
<A NAME="Nombre del Marcador"> Texto del Marcador </A>
Y el enlace al marcador, se hará de la forma:
<A HREF="#Nombre del Marcador">Texto del enlace </A>.
Si pulsa aquí, se irá al inicio de esta página.
En todos los casos, como enlace o como marcador, podemos utilizar imágenes. Pero eso se verá en la próxima lección.
Y sobre una determinada página, se pueden montar infinitos enlaces a otros documentos (aunque las normas del buen diseño y legibilidad de la página limitan a efectos prácticos esta posibilidad casi infinita).
Ejercicio
Examine el código fuente de esta página que esta visualizando y observe las diferencias entre los vínculos que llevan a otras páginas, y los vínculos que le desplazan por esta misma página. Si está utilizando MS Internet Exporer, lo puede hacer desde el menú Ver - Código fuente.
| Volver al Índice | Saber más |
Utilice las flechas para desplazarse a la pantalla anterior o posterior