Los hiperenlaces son elementos esenciales de las páginas web que permiten navegar entre páginas y archivos. Se crean utilizando la etiqueta <a> y el atributo href especifica la página vinculada. Existen tres tipos de referencias href: absolutas hacia una ubicación externa, relativas al sitio apuntando a un archivo dentro del mismo, y relativas al documento desde el directorio actual.
1. Unidad4. Hiperenlaces(I)
Vamosa ver qué sonloshiperenlaces,paraqué sirvenycómocrearlos,ya que sonun elemento
esencial paracualquierpáginaweb.
Hiperenlace <a>
Un hiperenlace,hipervínculo,ovínculo,noesmás que un enlace,que al ser pulsadollevade una
páginao archivo.
Aquelloselementos(texto,imágenes,etc.) sobre losque se desee insertarunenlace hande
encontrarse entre lasetiquetas<a>y </a>.
A travésdel atributohref se especificalapáginaa la que estáasociadoel enlace,lapáginaque se
visualizarácuandoel usuariohagaclicenel enlace.
Por ejemplo,parainsertarel enlace:
Visitawww.aulaclic.com
Habría que escribir:
<a href="http://www.aulaclic.com">Visitawww.aulaclic.com</a
Tiposde referencias
Existendiferentesformasde expresarunareferenciaauna páginaa travésdel atributohref.
Referenciaabsoluta:
Conduce a una ubicaciónexternaal sitioenel que se encuentrael documento.Laubicaciónesen
Internet,eneste casohayque empezarlareferenciapor http://,el nombre del dominioyalgunas
vecesel nombre de lapágina.Si no se escribe el nombre de lapáginase cargará la páginade inicio
asociadaal dominio.
Por ejemplo,"http://www.aulaclic.com"tendráel mismoefectoque
"http://www.aulaclic.com/index.htm"
Para insertarel enlace:
2. Visitawww.aulaclic.com
Habría que escribir:
<a href="http://www.aulaclic.com">Visitawww.aulaclic.com</a>
Referenciarelativaal sitio:
Conduce a un documentosituadodentrodel mismositioque el documento actual.Unsitiowebes
un conjuntode archivosycarpetas,relacionadosentre sí,con undiseñosimilarounobjetivo
común,estandotodosellosdentrode unamismacarpeta,conocidacomocarpeta raíz del sitio.
Por ejemplo,teniendoencuentaque el documentot_4_1.htmse encuentradirectamentedentro
de la carpeta raíz del sitio,parainsertarel enlace:
Enlace a Tema 4: Hiperenlaces
Habría que escribir:
<a href="/t_4_1.htm">Enlace aTema 4: Hiperenlaces</a>
Observacomoaparece el símbolo"/" delante del nombre deldocumento.Estabarra inclinada
indicalacarpeta raíz del sitio.Si el documentot_4_1.htmse encontrara,por ejemplo,dentrode
una carpetallamadatema4,y esta estuvieradentrode lacarpetaraíz del sitio,habríaque escribir:
3. <a href="/tema4/t_4_1.htm">Enlace aTema4: Hiperenlaces</a>
Referenciarelativaal documento:
Conduce a un documentosituadodentrodel mismositioque el documentoactual,peropartiendo
del directorioenel que se encuentrael actual.
Por ejemplo,teniendoencuentaque el documentot_4_1.htmse encuentradentrode lamisma
carpeta que el documentoactual,parainsertarel enlace:
Enlace a Tema 4: Hiperenlaces
Habría que escribir:
<a href="t_4_1.htm">Enlace a Tema4: Hiperenlaces</a>
Observaque en este caso noaparece el símbolo"/" delante del nombre deldocumento.Si el
documentot_4_1.htm se encontrara,por ejemplo,dentrode unacarpetallamadatema4,y esta
estuvieradentrode lamismacarpetaque el documentoactual,habríaque escribir:
<a href="tema4/t_4_1.htm">Enlace aTema4: Hiperenlaces</a>