Tema 6.
Insertar hiperligas
Una Hiperliga es un enlace entre documentos (páginas) o sitios, es decir, activa un enlace entre dos puntos, el cual se navega por medio de un clic sobre una palabra subrayada o imagen sensible.
El objetivo de insertar una hiperliga es ir a un punto determinado del mismo documento, cambiar de página o activar algún elemento como video o sonido.
Los enlaces, vínculos o ligas, son la parte más importante de la esencia del HTML.
Hay dos tipos de ligas:
Ligas externas |
Ligas locales |
Se hacen entre sitios distintos, otras páginas de Internet y se coloca la dirección de la página que se quiere ligar.
Ejemplo:
Visita la página de Google. |
Los enlaces de este tipo se hacen hacia elementos del mismo sitio, como otra página del mismo sitio, a fotos o textos dentro del mismo sitio.
|
En el código HTML, para utilizar una hiperliga se utiliza la etiqueta <A> donde A significa "Anchor" en inglés, y en español significa ancla. |
Para insertar ligas externas |
Para insertar ligas locales |
<p><a href="http://www.google.com">Google</a>. </p>
|
<p><a href="../pag_2.htm">Liga local</a> que vimos en este curso. </p> |
Opciones de cómo abrir las ventanas de las ligas
Un aspecto importante que debes saber, es cómo quieres que abran las ligas. Hay opción de que abra en la misma página donde estás o que abra en una página diferente.
_parent, palabra en inglés que significa padre, lo cual refiere a que se ubicará en la ventana padre que lo está llamando, es decir se ubicará en la ventana misma que esta la liga.
_blank, palabra en inglés que significa espacio en blanco, lo cual refiere que la liga se ubicará en una ventana nueva.
_self, palabra en inglés que significa mismo de ubicación, lo cual refiere que la liga se ubicará en la misma ventana o marco que esté situada la liga.
_parent |
_blank |
_selfl |
<p><a href="http://www.google.com" target="_parent">Google</a></p> |
á <p><a href="http://www.google.com" target="_parent">Google</a></p> |
<p><a href="http://www.google.com" target="_parent">Google</a></p> |
|
|
|
Veamos cómo se insertan ligas desde el editor web:
En el siguiente tema veremos cómo insertar imágenes.
Otras ligas locales: anclas o marcadores
Hemos visto los vínculos o ligas hacia otros documentos, de forma local o externa, sin embargo también existen ligas que apuntan hacia lugares precisos dentro del mismo documento que los contiene. A esto se le conoce comúnmente como anclas (anchor), marcadores o apuntadores.
Las anclas se utilizan cuando una página esta muy larga y queremos hacer referencia a puntos importantes dentro de la misma ( ejemplo ) y siempre constan de dos partes: el ancla y la liga que busca a esa ancla.
PASOS GENERALES:
- Definir donde irán las anclas y editar la etiqueta.
- La etiqueta que se utiliza es: <A name="**"></A>, donde ** es el nombre de el ancla.
Ejemplo:<A name="marcador01"></A>
- Después, deberás crear una liga o enlace que apunte hacia el ancla, lo cual puedes hacer siguiendo los pasos de "Agregar ligas a un texto o una imagen" descritos anteriormente.
- El formato del parámetro href, aparecerá de la siguiente manera
<A href="#marcador01">...</A>
Por ejemplo, cuando tienes un texto muy largo y deseas volver al inicio sin tener que utilizar los botones de desplazamiento, puedes colocar un ancla en la parte superior de la página, y una liga en la parte final del documento que apunte al ancla.
Veamos cómo se insertan las anclas desde el código HTML .
|
