Listado completo de tutoriales

Temario del Tutorial->12 - Hipervínculo a un cliente de correo <a>


El elemento "a" permite direccionar un hipervínculo a un programa de envío de correos que tengamos configurado en nuestra computadora.

Confeccionaremos una página que disponga un hipervínculo a un cliente de correo de mail:

<!DOCTYPE html>
<html>
<head>
  <title>Título de la página</title>
  <meta charset="UTF-8">
</head>
<body>
<h1>Reclamos</h1>
<a href="mailto:diegoestevanes@gmail.com">Enviar mail.</a>
</body>
</html>

Cuando se presiona el enlace se abre el programa de envío de correos que tiene configurado el equipo y dispone como receptor del mensaje la dirección que configuramos en el propio enlace seguido de la palabra mailto:

La sintaxis para disponer un título por defecto y un cuerpo de mensaje es:

<a href="mailto:diegoestevanes@gmail.com?subject=título del mensaje&body=cuerpo 
del mensaje">Enviar mail.</a>
</a>

Es decir luego de especificar el destinatario del mail disponemos un caracter de interrogación '?' seguido la palabra subject, un igual y el título por defecto que debe aparecer en la ventana de envío de mail. Por último separamos con un ampersand '&' la inicialización de subject y el body (es decir el cuerpo del mensaje)

Podemos inclusive añadir el envío de mail con copia y con copia oculta a otras direcciones:

<!DOCTYPE html>
<html>
<head>
  <title>Título de la página</title>
  <meta charset="UTF-8">
</head>
<body>
<h1>Reclamos</h1>
<a href="mailto:diego1@gmail.com?
subject=aquí el título&cc=diego2@gmail.com&bcc=diego3@gmail.com&body=Este 
es el cuerpo">Enviar mail.</a>
</body>
</html>

En este ejemplo enviamos un mail a diego1@gmail.com, con copia a diego2@gmail.com y con copia oculta a diego3@gmail.com


Retornar