<

Calling and Texting Links for Mobile Sites in HTML

Posted on
6,218 Points
218 Views
Last Modified:
Published
Experience Level: Beginner
4:40
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
Alpha Transparency in CSS 109
Corner Ribbon Effect in CSS 359
Embedded Audio in HTML5 183
Introduction to jQuery (Part 2) 904
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
Small business owners are often overwhelmed with the amount of information they need to know to create a successful marketing campaign. One area that can be incredibly confusing is SEO, or search engine optimization. My quick start guide offers tips…

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month