How to Create Mail and Phone Links in HTML

In modern web development, it’s common to include contact information on websites to provide users with easy access to email addresses and phone numbers. By using mail and phone links, you can create clickable elements that allow users to compose emails or initiate phone calls with a single click. In this article, we’ll explore different ways to create mail and phone links in HTML.

Creating Mail Links

Mail links are used to open the user’s default email client and pre-fill the recipient field. Here’s how you can create a mail link:

Creating Phone Links

Phone links are used to initiate phone calls when clicked on mobile devices. Here’s how you can create a phone link:

Replace +1234567890 with the actual phone number. When the user clicks on the link, their device’s default phone application will be opened with the specified phone number pre-filled, allowing them to make a call instantly.


In this article, we explored different ways to create mail and phone links in HTML. By utilizing these links, you can provide a convenient way for users to contact you or initiate phone calls directly from your website. Experiment with the provided examples and adapt them to suit your specific requirements. Happy coding!

“The best way to communicate is to make it easy for others to reach out to you.” – Unknown

If you found value in this article,
you can support us by buying me a coffee! ☕

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *