HTML tel tag टेलीफोन (telephone) का एक शोर्ट फॉर्म (short form) हैं । HTML में ज्यादातर टैग ऐसे ही हैं जिनको शोर्ट में बनाया गया हैं । Tel से आप समझ सकते हैं की यह टैग टेलीफोन या कह सकते हैं मोबाइल (mobile number,phone number ) के लिए उपयोग किया जाता हैं ।
Tel Tag | HTML in Hindi
पिछले tutorial में हमने HTML Mail tag के बारे में सिखा था इस tutorial में हम HTML tel टैग के बारे में सिख्नेगे ।
HTML tel टैग का उपयोगे मोबाइल नंबर (टेलीफोन नंबर ) को HTML पेज में लिंक करने के लिए किया जाता हैं ।
साधारण हिंदी भाषा में समझे तो जैसे आपको पता ही होगा वेबसाइट में मोबाइल नंबर की कितनी अहम् भूमिका होती हैं जिसके माधयम से कोई भी यूजर आसानी से वेबसाइट के owner (webmaster) से contact कर सकता हैं इस से owner का भी फायदा होता हैं और यूजर का भी बहुत फायदा होता हैं । यदि आप नार्मल टेक्स्ट (text) में नंबर को लिख देते हैं तो यूजर को पहले उसको कॉपी (copy) करना पड़ता हैं फिर मोबाइल पर पेस्ट करके तब कॉल करनी पड़ती है जिसके कारन आधे से ज्यादा यूजर कॉल करते भी नही हैं क्युकी ये टाइम भी ले लेता हैं कॉपी पेस्ट इसलिए ही हम HTML tel टैग का उपयोग करते हैं जिसके कारन मोबाइल नंबर पर एक लिंक आजाती हैं ओर जब कोई यूजर नंबर पर क्लिक करता हैं तो वह ऑटोमेटिकली कॉपी होक डायल pad पर पेस्ट हो जाता हैं जिस से मात्र एक क्लिक पर यूजर आसानी से कॉल कर सकते हैं इस से यूजर का कॉल करना बहुत ही आसान हो जाता हैं ओर वेबसाइट owner को भी इसका काफी फायदा होता हैं ।
HTML telephone tel टैग का उदाहरण -
HTML पेज पर mobile number (टेलीफोन number ) को लिंक करने के लिए <a> टैग के attribute href में tel टैग के साथ colon (: ) और मोबाइल नंबर को लिखा जाता हैं ।
उसी के साथ साथ हम लिंक टेक्स्ट में मोबाइल नंबर या टेक्स्ट दे सकते हैं ।
<!DOCTYPE html>
<html>
<head>
<title> HTML tel tag in Hindi </title>
</head>
<body>
Call Now
</body>
</html>
Output
Call Now
उपर दिए उदाहरण जब आप Call Now टेक्स्ट पर क्लिक करते हैं तो यह आपके मोबाइल के डायल pad पर ओपन हो जाता हैं जिस से एक ही क्लिक पर कॉल कर सकते हैं ।
इस उदाहरण में आप नंबर पर क्लिक करके आसानी से कॉल कर सकते हैं ।
HTML call to action बटन - | Call to action button
Call to action का उपयोग वेबसाइट में बहुत ही ज्यादा होता हैं जिसमे एक बटन पर क्लिक करके यूजर आसानी से कॉल कर सकते हैं ।
HTML में बटन बनाना बहुत ही आसान होता हैं । यहाँ पर हम एक बटन बनाकर और tel लिंक का उपयोग करके call to action button बना सकते हैं ।
<!DOCTYPE html>
<html>
<head>
<title> Call to action button </title>
</head>
<body>
</body>
</html>
Output
उपर दिए गए उदाहरण में जब भी आप call to action बटन पर क्लिक करते हैं तो डायल pad में सेट किया हुआ Number आ जाता हैं जिस से आसानी से एक ही क्लिक पर कॉल की जा सकती हैं ।
image के साथ कॉल to action | HTML call to action on image
बटन की जगह हम एक इमेज भी ले सकते हैं उसके लिए आपको इमेज को download करके या कोई मोबाइल , टेलीफोन आइकॉन को डाउनलोड करके कुछ इस प्रकार लिंक बनायीं जा सकती हैं जिस से यूजर मोबाइल आइकॉन पर क्लिक करके आसानी से contact कर सकते हैं ।
<!DOCTYPE html>
<html>
<head>
<title> Call to action on image</title>
</head>
<body>
</body>
</html>
Output
जब आप इमेज पर क्लिक करोगे तो डायल pad पर सेट किया गया नंबर ओपन हो जायेगा ।
इस तरह से आप HTML tel का उपयोग करके Mobile Number को HTML पेज पर लिंक कर सकते हैं ।
Recommended Posts:-
Live Chat