CREANDO ENLACES
(HIPERVINCULOS)
Los enlaces (también llamados hipervínculos, o links en inglés) permiten enlazar diferentes partes de un website, ya sean diferentes páginas o distintas partes de una misma página. Estos enlaces nos permiten la creacción de contenidos ordenados y jerarquizados.
Enlace
donde:
- pagina.html : es la página que queremos enlazar, de manera que al pulsar sobre la palabra "Enlace" saltaremos directamente a pagina.html (en este caso pagina.html se encontraría en el mismo servidor y en el mismo directorio que la página en la que se encuentra nuestro enlace).
- destino : nos indica el destino en donde queremos que aparezca la página que enlazamos una vez que "clickeemos" sobre el enlace. Por omisión, sino se especifica este parámetro (target) la página del enlace se abrirá en la misma ventana que la página de origen. Algunos parámetros válidos para esta opción son:
_blank : abre el enlace en una ventana nueva.
_self : es la opción por defecto, y abre el enlace en la misma ventana.
_top : abre el enlace en toda la ventana (utilizado en páginas con frames).
_parent : abre el enlace en el marco primario (utilizado en págs. con frames).
La técnica del framing la estudiaremos en capítulos posteriores, y en ella veremos como sacar más partido a la opción target.
(HIPERVINCULOS)
Los enlaces (también llamados hipervínculos, o links en inglés) permiten enlazar diferentes partes de un website, ya sean diferentes páginas o distintas partes de una misma página. Estos enlaces nos permiten la creacción de contenidos ordenados y jerarquizados.
Enlace
donde:
- pagina.html : es la página que queremos enlazar, de manera que al pulsar sobre la palabra "Enlace" saltaremos directamente a pagina.html (en este caso pagina.html se encontraría en el mismo servidor y en el mismo directorio que la página en la que se encuentra nuestro enlace).
- destino : nos indica el destino en donde queremos que aparezca la página que enlazamos una vez que "clickeemos" sobre el enlace. Por omisión, sino se especifica este parámetro (target) la página del enlace se abrirá en la misma ventana que la página de origen. Algunos parámetros válidos para esta opción son:
_blank : abre el enlace en una ventana nueva.
_self : es la opción por defecto, y abre el enlace en la misma ventana.
_top : abre el enlace en toda la ventana (utilizado en páginas con frames).
_parent : abre el enlace en el marco primario (utilizado en págs. con frames).
La técnica del framing la estudiaremos en capítulos posteriores, y en ella veremos como sacar más partido a la opción target.
Ejemplo de hipervinculos o enlace HTML
También es posible enlazar con una parte determinada de una misma página web, es decir, que el enlace no tiene porque ser obligadamente a una página diferente, sino que puede ser a una parte en concreto de la página. Para ello haremos el enlace de la forma: Ir al final de la página y en el sitio exacto en donde queremos queremos enlazar colocaremos la etiqueta .
La etiqueta Mandame un e-mail
En este ejemplo, al pinchar sobre el enlace "Mandame un e-mail", se nos abrirá nuestro gestor de correo electrónico que tengamos configurado por defecto, permitiendonos mandar un e-mail a la dirección yo@servidor.com
A continuación vamos a ver algunos ejemplos de enlaces, comentandolos:
(1) El enlace apunta a pagina2.html , que se encuentra en el mismo servidor y directorio que la página origen. El enlace se abriría en una nueva página gracias a la opción _blank .
(2) Enlace a una dirección de correo (yomismo@correo.net). Al activar el enlace se abriría el gestor de correo que tuvieramos configurado com predeterminado.
(3) Este enlace (referencia absoluta) apunta a una página web con su URL (Uniform Resource Locator) completa, lo cual se utiliza normalmente para hacer referencia a una página que se encuentra en un servidor diferente del que se encuentra la página origen. En nuestro ejemplo, el enlace abriría la página con URL: http://www.servidor.net/user102/pag27.html
(4) El enlace apunta hacia la etiqueta #capitulo1 de la página web pag5.html
También es posible enlazar con una parte determinada de una misma página web, es decir, que el enlace no tiene porque ser obligadamente a una página diferente, sino que puede ser a una parte en concreto de la página. Para ello haremos el enlace de la forma: Ir al final de la página y en el sitio exacto en donde queremos queremos enlazar colocaremos la etiqueta .
La etiqueta Mandame un e-mail
En este ejemplo, al pinchar sobre el enlace "Mandame un e-mail", se nos abrirá nuestro gestor de correo electrónico que tengamos configurado por defecto, permitiendonos mandar un e-mail a la dirección yo@servidor.com
A continuación vamos a ver algunos ejemplos de enlaces, comentandolos:
(1) El enlace apunta a pagina2.html , que se encuentra en el mismo servidor y directorio que la página origen. El enlace se abriría en una nueva página gracias a la opción _blank .
(2) Enlace a una dirección de correo (yomismo@correo.net). Al activar el enlace se abriría el gestor de correo que tuvieramos configurado com predeterminado.
(3) Este enlace (referencia absoluta) apunta a una página web con su URL (Uniform Resource Locator) completa, lo cual se utiliza normalmente para hacer referencia a una página que se encuentra en un servidor diferente del que se encuentra la página origen. En nuestro ejemplo, el enlace abriría la página con URL: http://www.servidor.net/user102/pag27.html
(4) El enlace apunta hacia la etiqueta #capitulo1 de la página web pag5.html
TIPOS DE HIPERENLACES
Podríamos definir tres tipos de hiperenlaces diferentes:
Enlaces a páginas web (tuyas propias o de otros)
Enlaces a archivos (tuyos o de otros)
Enlaces a correo electrónico
Enlaces "ancla" a una parte determinada de una página (normalmente tuya)
Enlaces a archivos
No sólo se pueden enlazar páginas web; todos los archivos (tuyos y de la red) son enlazables, de tal manera que los hagas visibles en la pantalla, o los puedas DESCARGAR.
Ajá, esta palabra ha despertado tu atención ein? . Efectivamente, puedes hacer que los que entren en tu página se descargen archivos (tuyos propios o de otra página web) o los visualicen en su monitor. El cómo depende del formato del archivo.
Formatos reproducibles
Todos aquellos que pueda reproducir el software instalado en el ordenador del que pincha el enlace:
Formatos de office: .xls; .doc; .ppt; .txt;...
Formatos de imagen: .jpg; .gif; .tif;...
Formatos de audio: .mid; .wav; .mp3;...
Formatos de video: .mpg; .mpeg; .avi...
Otros formatos: .swf; .exe;...
Formatos descargables
Todos los reproducibles, al pinchar sobre ellos con el botón derecho y elegir "guardar destino como". O bien:
Los archivos ejecutables: .exe
Los archivos comprimidos: .zip; .rar; .arj;...
Otros:
Tened , que el directorio de referencia (raíz) para una página, es aquel en el que la página se encuentra ubicado.
No hay comentarios:
Publicar un comentario