ENLACES

1
Lo que caracteriza a la web como medio de comunicación es la navegación por medio de hipervínculos
(links o enlaces). Esta conexión entre archivos permite al usuario elegir el sentido de la navegación.

En el HTML los enlaces se marcan con la etiqueta <a></a> y el atributo principal es href=" " donde se
escribe la ubicación del archivo de destino que puede estar en la misma carpeta que el archivo que lo está
llamando, en otra carpeta del mismo sitio o en otro sitio web.

Entre las etiquetas <a href=""></a> se puede colocar cualquier elemento HTML que funcionará como
botón, generalmente se coloca un texto o una imagen. Si es un texto, el navegador por defecto lo muestra
en color azul y subrayado.

Se puede encontrar 6 tipos de enlaces:

1. A páginas HTML externas propias hechas por nosotros.

<a href="documento.html">Enlace a un documento</a>

2. A partes internas del mismo HTML.

<a href="documento.html#resumen">Enlace a una parte de un documento</a>

3. A páginas HTML de terceros.

<a href="https://www.google.com">Enlace a la página principal de Google</a>

4. A un correo electrónico.

<a href=" mailto:mendozav@gmail.com”> Enviar mail </a>

5. A ficheros pdf, jpg, gif, png, svg.

<a href="miimagen.png">Enlace a una imagen</a>

<a href="midocumento.pdf">Enlace a un documento pdf</a>

6. A ficheros comprimidos para ser descargados (zip).

<a href="carpeta/trabajos.zip">Descargar los trabajos</a>

En todos los casos se utiliza la misma etiqueta <a> para abrir y </a> para cerrar:

<a href=”fichero_a_abrir.html”>Enlace </a>

href sería el atributo donde se tiene que indicar el lugar donde accederá el usuario cuando haga clic en
dicho enlace

fichero_a_abrir.html indica el fichero, dirección de correo electrónico o parte del mismo documento
donde se desea acceder.

Enlace sería el texto (o la imagen) sobre la que el usuario tendría que hacer clic para acceder al destino
indicado.
Enlaces internos entre archivos .html
2
Son los enlaces principales de un sitio. Si en el archivo index.html, queremos agregar un vínculo
a galeria.html el código sería así:

<a href=”galeria.html”>Galería de Imágenes</a>

El texto que queda encerrado entre las etiquetas <a> es lo que verá el usuario en color azul y subrayado.

Enlaces internos: anclas

Es posible realizar un enlace que comunique con una parte en concreto dentro de un HTML (ya sea del
mismo documento o bien de otro), como por ejemplo los típicos enlaces que te llevan al principio de la
página.

Para ello hay que especificar a qué parte del documento HTML se desea acceder, especificando el
nombre id de un elemento ubicado en dicho lugar, anteponiendo el símbolo '#' antes de dicho nombre.
Es decir, es necesario que exista una etiqueta HTML con el nombre id especificado (id="nombre"), y que
además esté ubicado en el lugar del HTML al que se desea acceder.

El punto de destino tiene que estar marcado con el atributo id="algo" y en el enlace se coloca
un # (numeral) seguido del nombre. Por ejemplo:

<a href=”#respuesta4”>Pregunta4</a>

"Salta" a este párrafo:

<p id=”respuesta4”>La respuesta está escrita acá</p>

Enlaces externos

Para enlazar con páginas web externas realizadas por otras personas, se tendrá que añadir el
atributo target="_blank", que permitirá abrir el enlace en una pestaña nueva. Otro de los puntos
importantes es que la dirección de la web de destino tiene que empezar obligatoriamente
por http o https.

Por ejemplo, si quisiera poner un vínculo a Google y que éste abra en pestaña nueva, sería así:

<a href=” https://www.google.com/” target=”_blannk”> Página principal de Google</a>

Enlaces a una dirección de correo
3
Se puede vincular una dirección de correo para que abra en el programa de correo determinado. El código
se escribe así:

<a href=”mailto:elcorreoquequiera@correo.com”> Enviar mail</a>

Enlazar con archivos pdf, jpg, gif, png, . . .

El navegador puede abrir un gran número de extensión de ficheros. Si se enlaza con un fichero pdf, una
imagen o algunos formatos de archivo determinados, el navegador los podrá mostrar sin ningún
problema. Si no lo puede abrir se descargarán en la carpeta de 'Descargas'.

Si dicho archivo está en la misma carpeta que el archivo HTML, se especificará únicamente el nombre del
archivo y su extensión sin más, mientras que si está en Internet habrá que especificar la ruta entera
(empezando con http o https).

<a href=”carpeta/informe.pdf”target=”_blank”> Ver el informe</a>

Enlaces para archivos comprimidos para descargar

Para permitir que los usuarios puedan descargar los archivos que se crea conveniente, es suficiente con
comprimir todos los archivos en uno comprimido (zip o rar)

<a href=”carpeta/ejercicio.zip”>archivo .zip de un ejercicio </a>

Con este código el navegador descargará el archivo especificado y lo guardará en la carpeta de descargas.