<

Calling and Texting Links for Mobile Sites in HTML

Posted on
6,151 Points
152 Views
Last Modified:
Experience Level: Beginner
4:42
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number.

Video Steps

1. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify "tel:" then type the phone number, making sure to include the country code. Close the tag with a ">"

2. Type the phone number, then the closing tag </a>. It's important to add the phone number in case the visitor's mobile phone doesn't support tel: links

3. Do the same, with "callto:" instead of "tel:" for a Skype link. While a tel: link will only work in a mobile browser, a callto: link will work on desktops with Skype installed

4. For a texting link, do the same, but with "sms:". This will, of course, only work in mobile browsers

5. Style the links to be a different color from normal text. This is optional, but will help mobile users know where to click.

0
Comment
0 Comments

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Join & Write a Comment

Suggested Videos

Title Views Activity
Embedded Audio in HTML5 88
Embedded Flash in HTML5 102
Introduction to jQuery (Part 1) 774
Introduction to jQuery (Part 2) 890
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month