<

Watch Calling and Texting Links for Mobile Sites in HTML

Posted on
6,218 Points
218 Views
Last Modified:
Published
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
0 Comments

Suggested Videos

Title Views Activity
Navigation Hover Effects with CSS Sprites 301
Embedded Videos in HTML5 84
Introduction to CSS (Part 1) 80
Lists and Links 104
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
There's never been a better time to become a computer scientist. Employment growth in the field is expected to reach 22% overall by 2020, and if you want to get in on the action, it’s a good idea to think about at least minoring in computer science …

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month