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.
Hiperenlace <a>
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 las etiquetas <a> y </a>.
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:
Habría que escribir:
<a href="http://www.aulaclic.com">Visita
www.aulaclic.com</a>
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 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.
Por ejemplo, "http://www.aulaclic.com"
tendrá el mismo efecto que "http://www.aulaclic.com/index.htm"
Para insertar el enlace:
Habría que escribir:
<a href="http://www.aulaclic.com">Visita
www.aulaclic.com</a>
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 un objetivo
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 t_4_1.htm se
encuentra directamente dentro de la carpeta raíz del sitio, para insertar el
enlace:
Habría que escribir:
<a href="/t_4_1.htm">Enlace
a Tema 4: Hiperenlaces</a>
Observa como aparece el símbolo "/"
delante del nombre del documento. Esta barra inclinada indica la carpeta raíz
del sitio. Si el documento t_4_1.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:
<a href="/tema4/t_4_1.htm">Enlace
a Tema 4: Hiperenlaces</a>
Referencia
relativa al documento:
Conduce a un documento situado dentro del mismo
sitio que el documento actual, pero partiendo del directorio en el que se
encuentra el actual.
Por ejemplo, teniendo en cuenta que el documento t_4_1.htm se
encuentra dentro de la misma carpeta que el documento actual, para insertar el
enlace:
Habría que escribir:
<a href="t_4_1.htm">Enlace
a Tema 4: Hiperenlaces</a>
Observa que en este caso no aparece el símbolo
"/" delante del nombre del documento. Si el documento t_4_1.htm se
encontrara, por ejemplo, dentro de una carpeta llamada tema4, y
esta estuviera dentro de la misma carpeta que el documento actual, habría que
escribir:
<a href="tema4/t_4_1.htm">Enlace
a Tema 4: Hiperenlaces</a>
Punto
de fijación:
Conduce a un punto dentro de un documento, ya sea
dentro del actual o de otro diferente. Para ello el vínculo debe ser "nombre_de_documento#nombre_de_punto".
Por ejemplo, para insertar el enlace:
Habría que escribir:
<a href="t_4_1.htm#tipos">Punto
de fijacion Tipos de enlaces</a>
Teniendo en cuenta que el documento se llama t_4_1.htm y
el punto de fijación se llama tipos.
Al
final de este tema verás cómo definir el punto de fijación.
No hay comentarios:
Publicar un comentario