Créer un lien email en HTML

Parmi les internautes qui visitent votre site web, il y a ceux qui aiment beaucoup d'interagir avec vous pour donner leur suggestions ou signaler un certain problème...etc. Pour se faire, il y a une fonctionnalité qui n'exige qu'une simple intégration d'une ligne de code.
Voici les étapes à suivre pour créer ce lien email avec du HTML:
1- Saisissez la balise <a href= dans votre document HTML:
D'abord il y a plusieurs types de documents HTML ( Bloc-notes, Notepad, Bloc-notes en ligne,...),
l'attribut <a href= signifie le début du lien dans le document HTML que vous aller créer et 
La balise <a href= signale au navigateur utilisé que ce qui suit est un lien.
    # L'insertion de tout le code HTML jusqu'à la fin à partir de cet endroit est obligatoire 
avant de pouvoir poursuivre toujours davantage dans votre document.
2- Si vous tapez "mailto: après le signe =. Le navigateur va comprendre que ce qui va suivre 
est une adresse e-mail.
3- Tapez ensuite l'e-mail de l'utilisateur. 
Une commande correctement déposée serait comme dans cet exemple: 
<a href="mailto:email@exemple.com
4- Ajout d'une ligne d'objet (facultatif):
Si vous voulez ajouter un sujet automatiquement, saisissez un point d'interrogation (?) après l'adresse 
e-mail de l'utilisateur suivi du mot "subject" (sans guillemets), du signe = puis, du sujet souhaité avant la fermeture des guillemets.

      #  L'inclusion d'un sujet dans votre commande, sera comme dans cet exemple : 
<a href="mailto:email@exemple.com?subject=Sujet du message"
      #  Essayez d'éviter l'utilisation des caractères spéciaux dans la ligne de sujet. Il vaux mieux 
d'utiliser les caractères alphanumériques normaux que ceux spéciaux, car ces derniers peuvent vous causer des problèmes.
      # La méthode d'utilisation du titre par la syntaxe mailto est rarement employée.On l'utilise 
dans la plus part des cas quand les messages entrants sont filtrés automatiquement par un serveur 
dans le but de les traités ensuite plus facilement.
      #  Dans le corps du message, vous avez la possibilité d'intégrer du texte avec body ou 
adresser des copies cc ou bcc en utilisant cette meme syntaxe. A ne pas oublier le signe égal précédé
d'un point d'interrogation avant les termes body,bcc ou cc. Refermez les guillemets à la fin.
5- Pour fermer la commande, saisissez >
Après la commande HTML qui indique le lien vers l'adresse e-mail et les citations du sujet, cc ou bcc, nous devons la refermer par le crochet >. Ce dernier signale au navigateur que la commande est fermée et qu'il n'y a plus d'autres instructions à avoir.
6- Saisissez le texte du lien. 
Il s'agit du texte que verra l'utilisateur.il devra cliquer sur lui pour ouvrir le lien qui va se diriger vers 
l'e-mail. Ce texte doit se trouver après le crochet de fermeture. Il peut être un seul mot, une phrase ou
une copie de l'adresse de la personne à qui l'e-mail est adressé. 
On retrouve souvent les mots comme par exemple « ici » ,« ceci » ou « lien ».
7- Donc vous allez taper </a> après le texte du lien
La commande HTML va etre fermée. Les balises HTML doivent être refermées de cette façon pour 
permettre leur bon fonctionnement.Le lien HTML complet doit ressembler à quelque chose comme ça :

<a href="mailto:email@exemple.com?subject=HTML link">Cliquez ici pour nous envoyer votre 
e-mail !</a>
8- La terminaison de la suite du document HTML. 
A ne pas oublier d'enregistrer votre travail. Si vous avez besoin d'ajouter plus de contenu HTML, n'hésitez pas de le faire tout de suite.

NB: 
#- Vous avez la possibilité d'utiliser différemment la balise HTML <a>. Pour une bonne utilisation, 
il vaux mieux de connaitre cette balise.
#- Il est exigé que les balises d'ancrage se situent à l'intérieur de la portion body (<body>...</body>) 
de la page HTML. 
Si vous les placez en dehors, il pourrait avoir pour effet des erreurs ou de déclencher l'ouverture 
du lien vers la messagerie e-mail de façon inattendue lors de chargement de la page, que ce soit à 
son aperçue ou au chargement de cette page.

Publier un commentaire