Call link
As we have added the mailto link, we can also add a call link using the HTML anchor tag. When a user clicks on the call link, it redirects the user to the default call app with the addressed phone number in the call link. So, users don’t need to dial the phone number and they can make calls directly by pressing the call button.
Syntax:
<a href="tel:Number"></a>
We can also add a country code before the phone number inside the link.
<a href="tel:+91123-456-7890"> call US </a>
Different call actions:
- tel – To redirect to a call app.
- callto – To open skype app.
- SMS – To send a Text message.
- fax – To send a fax.
<a href=”callto:+91123-456-7890″> call US </a> <a href=”SMS:+91123-456-7890″> call US </a> <a href=”fax:+91123-456-7890″> call US </a>
Example: In this example, we will see the implementation of call link with an example.
HTML
<!--html code to apply call link--><!DOCTYPE html><html><head> <title>Call link</title></head><body> <h1 style="color: Green;"> Contact w3wiki! </h1> <a href="tel:+91123-456-7890"> Contact on call </a> <br /> <a href="callto:+91123-456-7890"> Contact on Skype </a> <br /> <a href="SMS:+91123-456-7890"> Send SMS </a><br /> <a href="fax:+91123-456-7890"> Send Fax </a><br /></body></html> |
Output:
How to create mail and phone link in HTML ?
In this article, we are going through step by step process to create an HTML Mailto and call link. When a user clicks on the mailto link, it opens a default email client in the user’s system. You can make these types of clickable links easily with the anchor tag.
Mailto link: Users can easily contact website owners or anyone with the help of a mailto link. Mailto link redirects the user to the email client and creates the new mail, addressing the email in the mailto link. Furthermore, we can specify the subject and default body text inside the mailto link which saves the time of users.