Curso Diseño de Web y Programación HTML - Lección 13

 

Hiperenlaces

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:

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á:

Cuando sea a una página concreta y específica en otro sitio, será:

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:

Y el enlace al marcador, se hará de la forma:

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