Enlaces en HTML (VII)
por Luciano Moreno, del departamento de diseño web de BJS Software.

Tipos de enlaces (II).-

Seguimos con los tipos de enlace según a dónde lleven.

* Enlaces a un anclaje dentro de otra página de tu sitio:

La dos formas anteriores de establecer un enlace podemos combinarlas en el caso de que queramos enlazar una de las páginas de nuestro sitio web con otra del mismo, pero que la página nueva se cargue directamente mostrando el contenido a partir de una anclaje en la misma. El código a usar en éste caso es del tipo:

<A HREF="pagina.html#nombre_anclaje">texto_explicativo</A>

OJO: Notad la almohadilla (#) justo antes del nombre del anclaje. Hay que ponerla siempre en este tipo de enlaces.

Como ejemplo, el siguiente enlace va a abrir una nueva ventana del navegador y va a cargar la página en un anclaje situado en la mitad de la misma. En la página que se va a abrir deberemos estableces el ancla, y para ello escribiremos:

<a name="#ancla1"></a>

Y en esta página ponemos el enlace:

<a href="ejemplos/ejemplo_2.html#ancla1" target="_blank">ejemplo 2</a>

y su resultado lo tenéis aquí:

ejemplo 2

Véis que el enlace es un híbrido de los dos tipos anteriores, en el que ponemos un enlace normal y después del nombre de la página a enlazar situamos la almohadilla y el nombre del ancla.

* Enlaces a una página web de otro servidor:

Por último, vamos a ver cómo se establecen enlaces a otras páginas en Internet, que normalmente estarán en un servidor muy lejano al nuestro.

La forma de escribir el link en este caso en del todo análoga al del una página de nuestro sitio, salvo que ahora ruta_pagina será una dirección URL completa, del tipo:

<A href="http://www.servidor.com/carpeta/pagina.html">

Como ejemplo, vamos a abrir una ventana nueva con la página de Yahoo España:

<a href="http://www.yahoo.es" target="_blank">Yahoo</a>

que nos da:

Yahoo

En este caso no hemos puesto en la URL ni carpeta ni página alguna porque el enlace está creado a la página principal de Yahoo (index.html, index.html, etc), que se carga por defecto.

Si queremos acceder al directorio de Literatura de Yahoo, ahora sí tendremos que poner una URL del tipo general:

<a href="http://es.dir.yahoo.com/Arte_y_cultura/Literatura/" target="_blank">Yahoo Literatura</a>

que da:

Yahoo Literatura

Como ejemplo final, vamos a enlazar ahora con la página principal de HTML de éste mismo sitio web, pero mediante su URL completa:

<a href="http://www.terra.es/personal6/morenocerro2/manual/html.html" target="_blank">Sección de HTML</a>

y éste es su resultado:

Sección de HTML

* Otros tipos de enlaces:

Ya vimos al principio de éste manual que podemos usar los links no sólo para enlazar con páginas web, si no que también pueden servirnos para facilitar al usuario la descarga de casi cualquier tipo de archivos desde nuestro sitio web, y vimos ejemplo de diferentes tipos.

Sólo deciros como complemento que así es cómo podemos facilitar la descarga de ficheros ZIP, de imágenes, de documentos PDF, etc. Si el usuario tiene configurado su navegador para ejecutar ese tipo de ficheros o tiene instalado el plugin que se necesite, el fichero se mostrará en la propia ventana del navegador. Si no es así, se le presentará una ventana de aviso en la que se le pregunta si desea ejecutar el fichero con el programa asociado o si por el contrario deséa guardarlo en su disco duro. El siguiente ejemplo permite descargar un fichero ZIP:

<a href="ejemplos/ejemplo.zip">ejemplo ZIP</a>

ejemplo ZIP

Otro tema importante es que podemos usar enlaces usando otros protocolos HTTP, como FTP, GOPHER, etc. Los protocolos soportados por los enlaces son:

servicio	descripción	ejemplo	efecto
http://	Servicios WWW	<A HREF="http://www.yahoo.es/"> Yahoo</A>	Yahoo
ftp://	Servicios FTP	<A HREF="ftp://ftp.is.co.za/simtelnet/msdos/gif/cg89a.gif">FTP</A>	FTP
gopher://	Servicios GOPHER	<A HREF="gopher://gopher.uv.es/">GOPHER </A>	GOPHER
news://	Servicios NEWS	<A HREF="news://news.uv.es/">NEWS</A>	NEWS
mailto://	Servicios E-mail	<A HREF="mailto:morenocerro2@terra.es/">E-mail</A>	E-mail
file:///C|	Fichero local	<A HREF="ejemplos/ejemplo_1.html">Fichero</A>	Fichero

Como véis, es posible acceder a casi cualquier servicio de Internet por medio de un enlace.

Es especialmente útil el que se usa para correo electrónico, implementado por medio de la instrucción:

mailto:usuario@servidor.extension"

Con esto, se abrirá el programa de correo que el usuario tenga instalado, y aparecerá rellano ya el campo correspondiente al destinatario. Si además queremos que aparezca relleno el campo "asunto", basta con añadir lo siguiente:

mailto:usuario@servidor.extension?subjet=loquesea

Por ejemplo, si pulsáis en siguiente enlace me mandaréis a mí un correo con el asunto "saludos":

<a href="mailto:morenocerro2@terra.es?subject=saludos">salúdame</a>

que da:

salúdame

Y análogamente es posible especificar si enviamos el mensaje con copia y a quién:

mailto:usuario@servidor.extension?subjet=loquesea&CC=nombre