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.
Using your text editor, try creating one email link and one phone link.
References
Creating hyperlinks on MDN