Hipervínculos
Los hipervínculos son la parte de una pagina Web, a través de ellos podemos desviamos a otra pagina o bien a otra parte del mismo documento Web.
Cabe señalar que en cualquier lugar de nuestra pagina podemos incorporar hipervínculos, ahora bien, existen varios tipos los cuales son:
- Externos
- Internos
- En una Imagen.
- A una URL
- A un correo electrónico
Externos <A HREF=URL>"descripción del vinculo"
Un hipervínculo permite conectar nuestra pagina Web con cualquier otro documento en la WWW o Red.
<A HREF=http://www.google.com.mx>Google
<A HREF=http://www.youtube.com>Youtube
<A HREF=http://www.blogger.com>Blogger
Internos
Cuando diseñamos una pagina Web con una gran cantidad de información, esta tiende a ser muy larga y no se puede visualizar en su totalidad en la pantalla del navegador de Internet.
Por lo tanto resulta interesante crear hipervínculos a una parte u otra nuestra pagina Web y para realizar lo debemos de hacer lo siguiente:
Primero debemos crear un "Marcador de acceso" dentro de nuestra pagina Web, utilizando las etiquetas:
<A HREF=NAME>"nombre o referencia"
Donde "nombre o referencia" sera una cadena de caracteres que utilizaremos como identificador del "Marcador de acceso".
Posteriormente, en otro lugar de nuestra pagina debemos crear un hipervínculo que haga referencia al "Marcador de acceso", utilizando las etiquetas:
<A HREF="#nombre o referencia">"descripción del documento"
Donde "#nombre o referencia " es el mismo identificador del "Marcador de acceso", pero procedido del símbolo #.
Y "descripción del documento" es también un texto descriptivo que permitirá al visitante de la pagina localizar en la pantalla del navegador y determinar su contenido.
En una Imagen
En un principio se utilizaban mas textos como hipervínculos, pero en la actualidad cada vez mas diseñadores prefieren utilizar imágenes para darle un enfoque mas visual a las paginas.
Esto se logra anidando entre las etiquetas <A>...</A> la referencia de "Marcador de acceso" y la URL de la imagen.
<A HREF=#Cohete>
<IMG SRC=cohete.jpg>Un paseo por el espacio.
</A>
A una URL
Es el momento de crear accesos a una zona concreta de otra pagina Web y para ello debemos combinar en una sola las dos técnicas vistas hasta ahora.
En primer lugar, sera necesario que la pagina destino u objetivo tenga "Marcadores de acceso" creados con la etiqueta <A> y el tributo NAME, es decir <A NAME="nombre o referencia">.
En segundo lugar la pagina origen debe contener la etiqueta <A> con el atributo HREF indicando el nombre de la pagina destino y el "Marcador de acceso", o sea <A HREF=URL#nombre o referencia>"descripción del documento" (para mayor comprensión ver el vídeo de abajo).
A un correo Electrónico
La estructura para el envió de correo es:
<A HREF=MAILTO:"email">"nombre"</A>
Donde "email" es la dirección de correo electrónico al que deseamos enviar un correo, y "nombre" es la descripción del destinatario del correo (para mayor comprensión ver el vídeo de abajo).
Color de hipervínculos
Al visualizar, una pagina Web en el ordenador de Internet, los hipervínculos visitados y los aun no activados se muestran en diferentes colores, generalmente los hipervínculos no visitados se presentan en color azul marino, mientras que los visitados se marcan en color violeta.
Aun así, podemos cambiar esos colores predeterminados, de acuerdo con nuestras necesidades o gustos. Para hacerlo, el lenguaje html nos brinda tres atributos de las etiquetas <BODY>...</BODY>, los tributos son los siguientes.
ALINK="color" define el color de los hipervínculos activos, colocando en "color" el nombre del color elegido, pero en ingles.
LINK="color" define el color de los hipervínculos no visitados, es decir antes de hacer clic en ellos.
VLINK="color" define el color de los hipervínculos ya visitados, o sea al hacer clic sobre el hipervínculo, este cambia al color definido por VLINK.
<BODY ALINK=GREEN LINK=PINK VLINK=ORANGE>
Sonidos activados por el usuario
En e lenguaje html podemos hacer que cuando el usuario haga clic sobre el hipervínculo asociado a un sonido este se escuche o active.
<A HREF=sonido.mp3>Sonido</A>
No hay comentarios:
Publicar un comentario