Entretenimiento En El Mexico Independiente

Hiperenlaces (1)
En esta práctica vamos a ver qué son los hiperenlaces, para qué sirven y cómo crearlos, ya que son
un elemento esencial para cualquier página web.
Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una
página o archivo.
Aquellos elementos (texto, imágenes, etc.) sobre los que se desee insertar un enlace han de
encontrarse entre lasetiquetas 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 el usuario haga clic en el enlace.
Por ejemplo, para insertar el enlace (que enlaza con la página del colegio):
Visita www.petrer.es Página donde se accede
Habría que escribir: Texto mostrado
Visita www.petrer.es
1) Crea una página web con la estructurabásica ya vista que tenga como título ‘Probando los
hiperenlaces’ y en el navegador deberá aparecer el siguiente texto con la fuente Times New
Roman:
“Hola, estoy probando los hiperenlaces, cuando pulse aquí accederé a la página del marca.”
Guárdala con el nombre “hiperenlace.htm” en la carpeta habitual.
Tipos de referencias
Existen diferentes formas de expresar una referencia a una página atravé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 por http:// , el nombre del dominio y algunas
veces el nombre de la página. Si no se escribe el nombre de la página se cargará la página de inicio
asociada al dominio.
Poner un hiperenlace en lapalabra “aquí”
de forma que cuando se pulse en ella vaya
a la página web www.marca.es
16
Para insertar el enlace: Visita www.petrer.es
Habría que escribir:
Visita www.petrer.es
Referencia relativa al sitio:
Conduce a un documento situado dentro del mismo sitio que el documento actual. Un sitio web
es un conjunto de archivos y carpetas, relacionados entre sí, con un diseño similar o unobjetivo común, estando todos ellos dentro de una misma carpeta, conocida como carpeta raíz
del sitio.
Por ejemplo, teniendo en cuenta que el documento Times.htm se encuentra directamente dentro
de la carpeta raíz del sitio, para insertar el enlace:
Enlace a la página web Times que ya creamos anteriormente
Habría que escribir:
Enlace a la página web que ya creamos anteriormente
Observa comoaparece el símbolo "/" delante del nombre del documento. Esta barra inclinada
indica la carpeta raíz del sitio. Si el documento letratimes.htm se encontrara, por ejemplo,
dentro de una carpeta llamada tema4, y esta estuviera dentro de la carpeta raíz del sitio, habría
que escribir:
Enlace a la página web Letratimes que ya creamos
anteriormente

Hiperenlaces (2) - Destino del enlace
El destinodel 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ónpredeterminada. 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.
No te preocupes si no te queda del todo claro para qué sirve cada una de estas opciones de
destino, ya que se volverán a ver más adelante. De momento sólo te interesa retener la opción
_blank y _self.
Para insertar el enlace: Página donde seaccede
Visita www.petrer.es en una ventana nueva Destino
Habría que escribir: Texto mostrado
Visita www.petrer.es en una ventana
nueva
Es interesante utilizar esta opción cuando la página de destino está fuera de nuestro sitio para
que cuando el usuario cierre la ventana del explorador, se encuentre automáticamente en la
página desde la que había salido (que vuelva a nuestro sitio).
1)...