Skip to content

Try our new Crash Courses!

Buy one of our new Crash Courses, now hosted on Podia.

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