HIPERVINCULOS EN HTML
Un
hiperenlace, hipervínculo, o vínculo, es un enlace, que al ser pulsado lleva de
una página o archivo. Son un elemento esencial para cualquier página web.
La
etiqueta que se utiliza para crear hipervínculos es <a href> y
</a> .
La
forma de crear un hipervínculo es la siguiente
<a
href="ruta de la página web o pagina local a abrir”>Texto del hipervínculo</a>
A
través del atributo href se especifica la página a la que está
asociado el enlace, es decir la página que se visualizará cuando el usuario haga clic en
el enlace.
Tipos
de referencias
Existen
diferentes formas de expresar una referencia a una página a través del atributo
href.
Referencia
absoluta:
Conduce
a una ubicación externa al sitio en el que se encuentra el documento. La
ubicación es en Internet, en este caso hay que empezar la referencia con http://
Ejemplo: Para
insertar el enlace: Ver diario La Opinion
Habría
que escribir:
<a
href="http://www.laopinion.com.co"> Ver diario La Opinion </a>
Referencia
relativa al sitio o al documento:
Conduce
a un documento (html) situado dentro del mismo sitio que el documento actual, es decir que abre las paginas que tenemos guardadas en el disco duro.
Todas las paginas que hagamos deben estar guardadas dentro de una misma carpeta, y se conoce como carpeta raíz del sitio.
Todas las paginas que hagamos deben estar guardadas dentro de una misma carpeta, y se conoce como carpeta raíz del sitio.
Por
ejemplo, tenemos un archivo llamado practica.html que se encuentra dentro
de la carpeta donde se encuentran los demás documentos html del sitio, entonces
para llamar este archivo creamos el hiperviculo asi:
<a
href="/practica.html"> Abrir practicas </a>
o
<a href="practica.html"> Abrir practicas </a>
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.
_self:
Es la opción predeterminada. Abre el documento vinculado en el mismo marco o
ventana que el vínculo.
Por
ejemplo, para abrir un enlace en una ventana nueva del navegador escribiremos:
<a
href="http://www.laopinion.com.co" target ="_blank">
Diario la Opinión </a>
Normalmente los vínculos de
texto cambian de color cuando el enlace ha sido ya pulsado o cuando el puntero
del ratón se posiciona sobre él, estos cambios están predefinidos en cada
navegador.
Tanto si el vínculo se asigna a un texto como a una
imagen, el cursor cambia de forma al situarse encima del vínculo. Suele
adquirir la apariencia de una mano señalando.
No hay comentarios:
Publicar un comentario