Comment créer un lien email en HTML

PDF download Télécharger l'article
Coécrit par l'équipe de wikiHow

PDF download Télécharger l'article

Les internautes en visite sur votre site apprécient toujours beaucoup de pouvoir interagir avec vous facilement pour signaler un problème ou vous faire part de leurs suggestions. Cette fonctionnalité qui enrichit considérablement tout site web ne nécessite qu'une simple insertion d'une ligne de code.

Étapes

PDF download Télécharger l'article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/95\/Create-an-Email-Link-in-HTML-Step-1.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/95\/Create-an-Email-Link-in-HTML-Step-1.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    L'attribut <a href= annonce le début du lien dans votre document HTML. La balise <a href= indique la plupart du temps au navigateur que ce qui suit est un lien.
    • Vous devez insérer tout le code HTML jusqu'à la fin à partir de cet endroit avant de pouvoir continuer plus loin dans le document.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6f\/Create-an-Email-Link-in-HTML-Step-2.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6f\/Create-an-Email-Link-in-HTML-Step-2.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    après le signe = . Cela indique au navigateur que ce qui va suivre est une adresse e-mail et non une page web.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/62\/Create-an-Email-Link-in-HTML-Step-3.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/62\/Create-an-Email-Link-in-HTML-Step-3.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Une commande correctement formulée serait par exemple <a href="mailto:email@exemple.com .
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/76\/Create-an-Email-Link-in-HTML-Step-4.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/76\/Create-an-Email-Link-in-HTML-Step-4.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Si vous souhaitez ajouter un sujet automatiquement, entrez un point d'interrogation (?) après l'adresse e-mail de l'utilisateur suivi du mot subject (sans guillemets), du signe égal (=) puis enfin du sujet désiré avant de fermer les guillemets.
    • Si vous souhaitez inclure un sujet dans votre commande, vous auriez donc par exemple : <a href="mailto:email@exemple.com?subject=Sujet du message"
    • Évitez l'emploi de caractères spéciaux dans la ligne de sujet. Ils pourraient causer des soucis, voire briser le lien, il vaut donc mieux s'en tenir aux caractères alphanumériques normaux.
    • Cette méthode d'ajout du titre via la syntaxe mailto est rarement utilisée. On l'emploie surtout quand les messages entrants sont filtrés automatiquement par un serveur afin de pouvoir être traités ultérieurement plus facilement.
    • Vous pouvez ajouter du texte dans le corps du message avec body ou adresser des copies cc ou bcc en utilisant la même syntaxe. Assurez-vous simplement de bien utiliser un signe égal précédé d'un point d'interrogation avant les termes body , cc ou bcc et de refermer les guillemets.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/34\/Create-an-Email-Link-in-HTML-Step-5.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/34\/Create-an-Email-Link-in-HTML-Step-5.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Après la commande HTML indiquant le lien vers l'adresse e-mail et les mentions éventuelles du sujet, cc ou bcc, nous avons besoin de la refermer au moyen du crochet > . Ce dernier indique au navigateur que la commande est close et qu'il n'y a plus d'autres instructions à attendre.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b4\/Create-an-Email-Link-in-HTML-Step-6.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b4\/Create-an-Email-Link-in-HTML-Step-6.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Il s'agit du texte que verra l'internaute et sur lequel il devra cliquer pour ouvrir le lien vers l'e-mail. Ce texte doit figurer après le crochet de fermeture. Il peut s'agir d'un seul mot, d'une phrase ou encore d'une copie de l'adresse de la personne à qui l'e-mail est destiné. On retrouve souvent les mots comme « ici » ou « ceci » à cet endroit.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/55\/Create-an-Email-Link-in-HTML-Step-7.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/55\/Create-an-Email-Link-in-HTML-Step-7.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Cela ferme la commande HTML. Les balises HTML doivent être refermées de cette manière afin de permettre leur bon fonctionnement et empêcher le reste de la page d'être aspiré à l'intérieur de la commande.
    • Voici ce à quoi doit ressembler le lien HTML complet : <a href="mailto:email@exemple.com?subject=HTML link">Cliquez ici pour nous envoyer un e-mail !</a>
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/03\/Create-an-Email-Link-in-HTML-Step-8.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/03\/Create-an-Email-Link-in-HTML-Step-8.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    N'oubliez pas de sauvegarder votre travail. Si vous devez ajouter plus de contenu HTML, faites-le à la suite.
    Publicité

Conseils

  • La balise HTML <a> peut être utilisée de différentes façons. Il est préférable de bien la connaitre pour l'utiliser à bon escient.
  • Les balises d'ancrage doivent se situer à l'intérieur de la section body (<body>...</body>) de la page HTML. Ne les placez jamais en dehors. Cela pourrait avoir pour en effet de causer des erreurs ou de déclencher l'ouverture du lien vers la messagerie e-mail de manière intempestive au chargement de la page, que ce soit à la prévisualisation ou au chargement de celle-ci.
Publicité

Avertissements

  • Inclure une adresse e-mail dans une page web peut causer des problèmes de courriers indésirables. Il est en effet possible aux personnes mal intentionnées d'utiliser des programmes qui collectent automatiquement les adresses sur Internet pour les inonder de spam. Par conséquent, l'insertion d'un lien e-mail sur un site web public implique le fait d'être correctement équipé en moyens de lutte contre les courriers indésirables.
  • Vérifiez bien l'adresse du destinataire avant d'envoyer l'e-mail.
  • Si les internautes ne possèdent pas de logiciel de messagerie d'installé dans leur système, il ne leur sera pas possible de vous envoyer un e-mail par ce biais.
Publicité

wikiHows en relation

Comment
télécharger des vidéos depuis n'importe quel site
Comment
désactiver son bloqueur de publicité
Comment
trouver des informations sur quelqu'un avec une image
Comment
télécharger des films en utilisant uTorrent
Comment
télécharger des torrents
Comment
trouver le nord sur Google Maps sur PC ou Mac
Comment
télécharger et ouvrir un fichier Torrent
Character AI : qu'est-ce que c'est, utiliser les filtres, éviter les répétitions et plus
Comment
créer des liens URL courts
Comment
copier le texte d'une page web verrouillée
Comment
trouver l'adresse IP d'un site web
Comment
archiver une commande Amazon
Publicité

Références

  1. http://www.zaposphere.com/html-email-links-code/ - source

À propos de ce wikiHow

Autres langues 
Cette page a été consultée 51 959 fois.

Cet article vous a-t-il été utile ?

Publicité