Skip to content

Try our new Crash Courses!

Become a member using the button below to hide this banner and gain access to our new Crash Courses.

Email and phone links – HTML

Demo

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.

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 Reference > HTML Links