PROFESOR :JOSE ARAGON TAPIA

HIPERENL
ACE
NELY MARIBEL COPARI ROMERO
 INTRODUCCIÓN
Un hiperenlace es un enlace o vínculo que
conecta una palabra, imagen o elemento
multimedia en un documento electrónico
con otra ubicación dentro del mismo
documento o con otro documento. Al hacer
clic en el hiperenlace, se accede
directamente al recurso vinculado,
facilitando la navegación en la web y la
interconexión de información.
 TIPOS DE
REFERENCIA
• Referencia Bibliográfica: Detalles que identifican un libro, artículo
u otra obra, incluyendo autor, título, editor, etc.

• Referencia de cita: Información específica que permite localizar la

fuente de una cita dentro de un texto.
• Referencia a página web: Enlaces o citas que dirigen a una página
en internet.

• Referencia Espacial: Coordenadas o descripciones que indican la

ubicación física de algo.

• Referencia Temporal: Información que indica el tiempo, como

fechas o períodos.

• Referencia a Objeto en Programación: En programación, una

referencia es una dirección de memoria que apunta a un objeto o
valor.
 CREAR
ENLACES
Crear un hiperenlace a un sitio web
Si deseamos asignar a un texto seleccionado un
hiperenlace a un sitio web, procederemos del
siguiente modo:

URL: Escribimos o pegamos la dirección URL

destino. Por ejemplo, para saltar al sitio web de
Amnistía Internacional - España, insertamos la
dirección https://www.es.amnesty.org/
El texto inicialmente no se muestra con el estilo de
hiperenlace, pero tras cerrar y abrir el documento se
muestra correctamente.

Para saltar al destino debemos hacer Ctrl + Clic

sobre el hiperenlace, como muestra el texto de
ayuda al situar el cursor sobre el enlace.
Crear un hiperenlace a un archivo
Si deseamos asignar a un texto seleccionado un hiperenlace a un archivo
accesible desde nuestro ordenador, procederemos del siguiente modo:

URL: Escribimos o utilizamos el botón Examinar para insertar la ruta URL del
documento destino. Por ejemplo, para abrir al documento Writer almacenado en
la unidad H:, carpeta Documentos, de nombre ejemplo.odt, insertamos la
dirección file:///H:/Documentos/ejemplo.odt
Observamos que la notación se corresponde con la nomenclatura URL utilizada
para identificar la ruta de un archivo en el ordenador. Por ello, no es válida la
notación utilizada para definir una ruta por Windows.

En Windows la ruta sería H:\Documentos\ejemplo.odt. No debemos utilizar esta

notación, aunque estemos utilizando ese sistema operativo.
La ruta URL sería: file:///H:/Documentos/ejemplo.odt. Debemos utilizar esta
notación siempre.
El texto inicialmente no se muestra con el estilo de hiperenlace, pero tras cerrar
y abrir el documento se muestra correctamente.

Para saltar al destino debemos hacer Ctrl + Clic sobre el hiperenlace, como
muestra el texto de ayuda al situar el cursor sobre el enlace.
 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 ventana nueva del navegador.

_parent:

Abre el documento vinculado en la ventana del marco que contiene el

vínculo o en el conjunto de marcos padre.

_self:

Es la opción predeterminada. Abre el documento vinculado en el mismo

marco o ventana que el vínculo.

_top:

Abre el documento vinculado en la ventana completa del navegador.

 FORMATO DEL
ENLACE
En general, un texto que tiene asociado un vínculo suele aparecer
subrayado. Al mismo tiempo, puede adquirir cuatro colores
diferentes que pueden especificarse a través de las propiedades de
la página. Estos cuatro colores diferentes corresponden a los tres
estados del vínculo: vínculo normal, vínculo activo (el último
pulsado), vínculo visitado o vínculo de sustitución (cuando el
cursor está sobre el vínculo).
Aquí tienes dos vínculos de ejemplo:
www.aulaclic.es www.elpais.com
Si has visitado alguno, verás que sale en un tono morado, si no,
sale en azul.
Recuerda que como todo en nuestra página, los vínculos tienen un
formato por defecto, pero es totalmente personalizable por CSS.
Para ello, basta con crear una Regla de estilo para la etiqueta a.
Si queremos distinguir entre los tres estados del enlace,
emplearemos los siguientes selectores:
a:link para los enlaces normales.
a:visited para los enlaces visitados.
a:active para los enlaces activos.
a:hover para los enlaces con el cursor encima.
Aunque recuerda que en las propiedades del documento
teníamos la categoría Vínculos CSS que nos permite
establecer estos valores.
Cuando el vínculo está definido sobre una imagen, en el
borde aparecen una serie de puntitos al pulsar sobre ella.
Cuando el vínculo está definido sobre una zona de una
imagen (un mapa), aparece el contorno de esa zona.
ENLACES A CORREO
ELECTRÓNICO
 JOSE ARAGON TAPIA

¡MUCHAS
GRACIAS!
NELY MARIBEL COPARI ROMERO