How to make a call-able link using HTML ? Last Updated : 03 Oct, 2024 Comments Improve Suggest changes Like Article Like Report To make a callable link using HTML means creating a hyperlink that allows users to initiate a phone call directly from their devices. This is done using the <a> tag with the href attribute set to tel: followed by the phone number. When clicked, this link opens the phone dialer on supported devices, enabling users to call the specified number with ease.Approach: Basic Callable Link with Phone NumberCreate an anchor (<a>) tag with the href attribute set to tel: followed by the phone number.This link will open the phone dialer directly when clicked, allowing users to call the number.Add a descriptive text (e.g., "Call Us") inside the anchor tag to inform users about the action.Use plain phone numbers in the tel: attribute, which will be dialed exactly as specified on supported devices.This approach is simple and effective for creating clickable phone links across various devices.Syntax<a href="tel:(countrycode)(NUMBER)p(extension)"> Text </a>Example 1: In this example we creates a centered page with a heading, subheading, and a clickable link that allows users to call "GeeksforGeeks support" by clicking the link. html <!DOCTYPE html> <html> <head> <title> How to make a call-able link using HTML ? </title> <style> body { text-align: center; } h1 { color: green; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h3> Make a call-able link using HTML </h3> <a href="tel:9876765678"> Call to GeeksforGeeks support </a> </body> </html> Output:make a call-able link using HTML Example OutputExample 2: In this example we creates a centered page with a heading and subheading. It includes a clickable phone link with an icon that allows users to call a number with an extension by clicking on the link. html <!DOCTYPE html> <html> <head> <title> How to make a call-able link using HTML ? </title> <style> body { text-align: center; } h1 { color: green; } a { text-decoration: none; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h3> Make a call-able link using HTML </h3> <a href="tel:9876765678p107"> 📞 Help </a> </body> </html> Output:make a call-able link using HTML Example Output Comment More info H harshcooldude700 Follow Improve Article Tags : Web Technologies HTML Explore HTML BasicsHTML Introduction5 min readHTML Editors5 min readHTML Basics7 min readStructure & ElementsHTML Elements5 min readHTML Attributes8 min readHTML Headings4 min readHTML Paragraphs5 min readHTML Text Formatting4 min readHTML Block and Inline Elements3 min readHTML Charsets4 min readListsHTML Lists5 min readHTML Ordered Lists5 min readHTML Unordered Lists4 min readHTML Description Lists3 min readVisuals & MediaHTML Colors11 min readHTML Links Hyperlinks3 min readHTML Images7 min readHTML Favicon4 min readHTML Video4 min readLayouts & DesignsHTML Tables10 min readHTML Iframes4 min readHTML Layout4 min readHTML File Paths3 min readProjects & Advanced TopicsHTML Forms5 min readHTML5 Semantics6 min readHTML URL Encoding4 min readHTML Responsive Web Design11 min readTop 10 Projects For Beginners To Practice HTML and CSS Skills8 min readTutorial ReferencesHTML Tags - A to Z List15+ min readHTML Attributes Complete Reference8 min readHTML Global Attributes5 min readHTML5 Complete Reference8 min readHTML5 MathML Complete Reference3 min readHTML DOM Complete Reference15+ min readHTML DOM Audio/Video Complete Reference2 min readSVG Element Complete Reference5 min readSVG Attribute Complete Reference8 min readSVG Property Complete Reference7 min readHTML Canvas Complete Reference4 min read Like