Email and phone links – HTML

Preview

To view this and the other 250+ tutorials on Simple Dev, sign up for a 10-day free trial.

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