Tema 5 Hipervínculos

Tema 5. ENLACES O HIPERVÍNCULOS
INTRODUCCIÓN. TIPOS DE REFERNCIAS.
DESTINO DEL ENLACE. FORMATO DE LOS
ENLACES. OTROS TIPOS DE ENLACES.
INTRODUCCIÓN:
Los enlaces son un elemento esencial para cualquier página web. Todo elemento
encerrado dentro de la etiqueta se convertirá en un enlace o hipervínculo. Por lo
tanto podemos crear un enlace usando una palabra, una frase o una imagen dentro de
laetiqueta .

Los enlaces son los que hacen que naveguemos por la Web, es decir que
vayamos saltando por diferentes páginas de un mismo sitio, o de sitios
externos. Una característica que no se suele tener en cuenta en los enlaces es que
están formados por dos extremos y un sentido. En otras palabras, el enlace
comienza en un recurso y apunta hacia otro recurso. Cada uno de los dos extremos
sellaman "anchors" en inglés, que se puede traducir literalmente como "anclas". La

etiqueta utilizada para crear un vínculo es a (anchor-ancla).

No necesariamente un enlace apuntará a una página web, puede por ejemplo apuntar
a una imagen, a un servidor FTP, a cualquier otro tipo de archivo, a un correo
electrónico o incluso puede apuntar hacia otros sectores de la misma página
(previamente marcandoestos sectores).
Hipervínculo
Un hipervínculo, o enlace, no es más que un enlace, que al ser pulsado lleva a otra
página o archivo.
Aquellos elementos (texto, imágenes, etc.) sobre los que se desee insertar un
enlace han de encontrarse entre las etiquetas y .
A través del atributo href se especifica la página a la que está asociado el enlace, la
página que se visualizará cuando elusuario haga clic en el enlace.

Ejemplo:



Visit W3Schools.com!



TIPOS DE REFERENCIAS:
Enlace relativo: URL formada por únicamente la ruta o fichero HTML del
servidor. Usamos este tipo de enlace cuando necesitamos hacer referencia a
una página o documento del mismo sitio web.

Ejemplo:
Enlaces relativos

Enlaces absolutos: La URL se especifica completamente (protocolo, servidor y
ruta). Normalmente se utiliza este tipo de enlaces para hacer referencia a páginas
Web externas a nuestro sitio Web.

Ejemplo:
Visita www.diariosur.es

Enlaces local: En este tipo de enlace se hace referencia a una parte o
sección de nuestro documento HTML.Veamos ahora cómo crear marcas (algunos las llaman anclas) y enlaces para poder
navegar en la misma página, sistema muy útil para crear un índice entre
documentos largos.
La marca se realiza mediante el atributo id o name (el atributo name no está
soportado en html 5) de la etiqueta a:

Colegios Privados

Hemos establecido un ancla llamada privados a la altura del títuloColegios Privados
ahora nos hará falta colocar un enlace desde otro sector de la página que apunte
hacia esa ancla. Para esto:

Ir a Colegios Privados
Noten el agregado del carácter numeral (#). Este se incluye ya que también
podríamos construir el enlace utilizando la dirección absoluta lo que implicaría que
necesitamos una separación entre las anclas y la dirección dela página, ya que la
ancla tiene su propia dirección absoluta, que en este caso sería:
http://www.example.com/subdirectorio/colegios.html#privados.

DESTINO DEL ENLACE:
El destino del enlace determina en qué ventana va a ser abierta la página vinculada,
se especifica a través del atributo target al que se le puede asignar los siguientes
valores:
_blank: Abre el documento vinculado en una ventananueva del navegador.
_self: Es la opción predeterminada. Abre el documento vinculado en el mismo marco
o ventana que el vínculo. (Abre el documento en el marco actual y sustituye el
contenido de dicho marco)
Para insertar el enlace:
Visita www.diariosur.es en una ventana nueva
Habría que escribir:
Visita www.diariosur.es en
una ventana nueva...