Skip to content

Help us create more tutorials! Make a donation using the Donate button or become a member using the button below to hide this banner and track your progress.

Email and phone links – HTML

Summary

Email link:

<a href="mailto:john@example.com">john@example.com</a>

Phone link:

<a href="tel:+15555551234">(555) 555-1234</a>

Details

To create an email link, use an anchor tag with the phrase mailto: at the beginning of the href attribute value. When a user clicks the link, it’ll open up a new message window in their default mail client.

To create a phone link, use an anchor tag with the phrase tel: at the beginning of the href attribute value. Then add a phone number.

Demo

Exercises

Recreate the embedded CodePen demo by typing out the HTML code. Then try changing the email address and the phone number.

References

Creating hyperlinks on MDN

Lesson tags: Open Lesson
Back to: HTML Course > HTML Links