logotipo

Un link es un enlace a otros documentos en la web. Se pueden usar de distintos modos.

Usar un texto como link.

Si lo que se quiere es que al clicar sobre una palabra que saldrá remarcada de otro color o subrayada (eso dependiendo de lo que se indique en la hoja de estilo de la página) nos dirija a un documento en la web, deberemos usar la expresión:

<a href="DIRECCIÓN WEB">NOMBRE</a>

Ejemplo:

<a href="http://www.google.es">Google</a>

Google

Usar una imagen como link.

Si por el contrario lo que queremos es que el link sea mostrado por una imagen (muy útil si queremos agregar botones o banners en nuestra página), la expresión será la siguiente:

<a href="DIRECCIÓN WEB"><img src="DIRECCIÓN DE LA IMAGEN"></a>

Ejemplo:

<a href="http://www.google.es"><img src="http://www.google.es/logos/Logo_25wht.gif"></a>

►Trucos y consejos.

- Agrega siempre el simbolo / detrás de una dirección que contenga subcarpetas. Si no lo haces así, generarás dos peticiones HTTP al servidor, una cuando cliques y la segunda cuando el servidor añada el simbolo / y reintente la petición. Esto no tiene demasiada importáncia, pero siempre cargará más rápido el link si lo escribes correctamente al crearlo.

http://www.google.es/ads

http://www.google.es/ads/

-Si no queremos que salga ningún tipo de margen que rodee la imagen solo tendremos que agregar el atributo border="0" después de la ruta de esta.

<a href="http://www.google.es"><img src="http://www.google.es/logos/Logo_25wht.gif" border="0"></a>



- Si lo que queremos es que el link se abra en una nueva ventana, y evitar así que el visitante tenga que abandonar nuestra página, deberemos agregar el atributo target="_blank" en la expresión que hemos creado.

Link a partir de texto: <a href="DIRECCIÓN WEB" target="_blank" >NOMBRE</a>
Link a partir de imagen: <a href="DIRECCIÓN WEB" target="_blank" ><img src="DIRECCIÓN DE LA IMAGEN"></a>

Crear un link hacía un e-mail.

Hay un método para crear un link que nos permita mandar un mensaje a una cuenta de mail. Para hacer eso, usaremos la expresión:

<a href="mailto:DIRECCIÓN DE CORREO?subject=TÍTULO DEL MENSAJE">
NOMBRE</a>

Ejemplo:

<a href="mailto:dress4excess@gmail.com?subject=Mensaje%20del%20blog.">Mi mail</a>

Mi mail

Puedes hacer fácilmente que el link al correo sea una imagen, deduciendo de lo que hemos aprendido la siguiente expresión:

<a href="mailto:DIRECCIÓN DE CORREO?subject=TÍTULO DEL MENSAJE"><img src="DIRECCIÓN DE LA IMAGEN"></a>

►Trucos y consejos.

-En el título del mensaje, procura siempre sustituir los espacios en blanco por %20, para asegurarte que cualquier navegador pueda generar el título del mensaje correctamente.

<a href="mailto:dress4excess@gmail.com?subject=Mensaje del blog."<Mi mail</a>

<a href="mailto:dress4excess@gmail.com?subject=Mensaje%20del%20blog">Mi mail</a>

-Puedes crear una imagen de tu correo electrónico de una manera rápida y sencilla en ESTA dirección.

-Si en algún momento quieres averiguar si has escrito alguna expresión correctamente o simplemente quieres experimentar, pasate por ESTA página y usa esta interesante utilidad que han creado para que podamos hacer pruebas agilmente online.

Información extraida de w3schools.com.

HOLA!
no se si me podrás ayudar, pero me estoy haciendo un lio. No tengo ni idea de informática pero quiero integrar una imagen en mi mail, de manera que cuando se la envie a otros vean esta imagen ipso facto sin tema de archivos adjuntos ni nada.quiero que la imagen aparezca en la hoja del mail.
¿cómo se hace?
mil gracias

acho po si sabes hacer links desos tan bien... porke no me has hecho uno a mi?? buahhhhhhhhhhhhhhh

Gracias por las "chuletas", ya me he apuntado un par de cositas.