HTML क्या है? (Hypertext Markup Language) : HTML के बिना, वेब जैसा कि हम उसे जानते हैं, उसका अस्तित्व नहीं होता। HTML वेब पर पेज लेआउट और पैराग्राफ से लेकर लिंक, टैग और विशेषताओं तक की संरचना बनाता है। हर बार जब हम ऑनलाइन जाते हैं, चाहे हमें पता हो या न हो, HTML सबसे अधिक संभावना है। यहाँ हम HTML की कुछ मूलभूत अवधारणाओं को समझाएँगे।
html full form : Hypertext Markup Language
HTML क्या है? (जैसे कि इंसान के अंदर हड्डियों का ढांचा)
HTML टेक्स्ट फ़ाइलों को टैग करने के लिए एक मानकीकृत प्रणाली है जो वेब पर हमारे द्वारा खोजे और उपयोग किए जाने वाले लगभग हर पृष्ठ के लिए संरचना बनाती है। HTML पेज ब्रेक, पैराग्राफ, बोल्ड लेटरिंग, इटैलिक्स और बहुत कुछ जोड़ता है। HTML टैग का उपयोग करके इस संरचना का निर्माण करता है, जो ब्राउज़र को बताता है कि टेक्स्ट के साथ क्या करना है।
जैसे कि इंसान के अंदर हड्डियों का ढांचा वर्क करता है इस तरह से HTML काम करती है
उदाहरण के लिए, किसी शब्द को बोल्ड दिखाने के लिए, हम उस शब्द को निम्नलिखित टैग <strong>बोल्ड</strong> के बीच में रखते हैं। पहला टैग उस शब्द की शुरुआत को इंगित करता है जिसे हम बोल्ड करना चाहते हैं, और समापन टैग (/) इंगित करता है कि हम बोल्ड को कहाँ समाप्त करना चाहते हैं। यह वेब पर लगभग हर पेज का आधार है। यदि आप कोड करना सीख रहे हैं, तो यह शुरुआत करने का स्थान है।
HTML का क्या अर्थ है?
HTML का मतलब है हाइपरटेक्स्ट मार्कअप लैंग्वेज। हाइपरटेक्स्ट एक तरह का मेटा टेक्स्ट है जिसका इस्तेमाल टेक्स्ट के दूसरे हिस्सों को संदर्भित करने के लिए किया जाता है। HTML के मार्कअप लैंग्वेज तत्व का मतलब है कि यह चिह्नों की एक श्रृंखला प्रदान करता है जो वेब ब्राउज़र को निर्देश देता है कि उसे टेक्स्ट के उन हिस्सों के साथ क्या करना चाहिए।
HTML का उपयोग किस लिए किया जाता है?
HTML किसी भी वेबसाइट का ढांचा है। यह साइट पर बाकी सब चीज़ों को आधार प्रदान करता है। HTML का उपयोग आमतौर पर निम्नलिखित चीज़ों को परिभाषित करने के लिए किया जाता है:
1. पैराग्राफ :
HTML पैराग्राफ तत्व सबसे आम तत्वों में से एक है और जैसा कि आप अनुमान लगा सकते हैं कि यह एक पैराग्राफ को परिभाषित करता है।
2. लाइन ब्रेक :
प्रिंट मीडिया की तरह, एक पैराग्राफ़ के नीचे एक लाइन ब्रेक बनाया जाता है ताकि उसे दूसरे पैराग्राफ़ से अलग किया जा सके। इसका उपयोग सामग्री के अर्थपूर्ण पृथक्करण पर जोर देने के लिए किया जाता है। इसी संरचना का उपयोग उपन्यास या पत्रिका में किया जाता है।
3. ब्लॉक एलिमेंट्स :
ऐसे एलिमेंट्स जो पेज पर खुद के नीचे स्पेसिंग बनाते हैं, उन्हें ब्लॉक एलिमेंट्स कहते हैं। ब्लॉक एलिमेंट्स पेज के बाईं ओर लंबवत दिखाई देते हैं, कम से कम तब तक जब तक उन्हें CSS द्वारा स्टाइल नहीं किया जाता। ब्लॉक एलिमेंट्स के उदाहरण हैं <div>, <article>, <table>, और कई अन्य। यह सुविधा HTML को वेबपेज को अलग-अलग सेक्शन में विभाजित करने की अनुमति देती है।
4. शीर्षक (hedging tag) :
पैराग्राफ और शीर्षक मिलकर वेब पेज की अधिकांश पाठ्य सामग्री और इसकी संरचना बनाते हैं। HTML में छह शीर्षक तत्व हैं, जिन्हें 1 से 6 तक क्रमांकित किया गया है। h1 सबसे महत्वपूर्ण है और इसमें आमतौर पर सामग्री का शीर्षक होता है – ब्राउज़र टैब में दिखाई देने वाले शीर्षक से भ्रमित न हों। h2 एक उपखंड का प्रतिनिधित्व करता है। h3 और इसी तरह उपखंडों में आगे के विषयों के पहचानकर्ता का प्रतिनिधित्व करते हैं जब तक कि हम h6 तक नहीं पहुँच जाते।
HTML वेबपेज का अंतिम संस्करण बनाने के लिए कैसे काम करता है, इसे आसानी से समझाने के लिए, अगर HTML हमारा ढांचा है, तो CSS (कैस्केडिंग स्टाइल शीट) हमारी विशेषताएँ होती हैं, जैसे हमारी आँखों, त्वचा और बालों का रंग। JAVASCRIPT(जावास्क्रिप्ट) हमारे कार्यों और लोगों के साथ हमारे व्यवहार से संबंधित होती है – जैसे कि जब हम हाथ मिलाते हैं, आँख मारते हैं, हँसते हैं या कोई सवाल पूछते हैं।
HTML कैसे काम करता है – HTML टैग्स
HTML टैग्स की एक श्रृंखला का उपयोग करके ब्राउज़र को सूचित करता है कि उसे पृष्ठ पर टेक्स्ट के साथ क्या करना चाहिए और उसे आगे के संसाधनों को कहाँ से लोड करना चाहिए। वर्तमान में उपयोग के लिए 100 से अधिक HTML टैग्स उपलब्ध हैं, हालाँकि अधिकांश साइटों को ठीक से काम करने के लिए इनमें से केवल कुछ ही टैग्स की आवश्यकता होती है।
प्रत्येक पृष्ठ के लिए तीन HTML टैग्स आवश्यक हैं। ये हैं <html>, <head>, और <body>। किसी वेबपेज को यह संकेत देने के लिए कि आप HTML का उपयोग कर रहे हैं, प्रत्येक पृष्ठ <html> के साथ खुलेगा और </html> के साथ बंद होगा। <head> टैग में मेटाडेटा होता है जो पृष्ठ पर दिखाई नहीं देता है लेकिन कार्यक्षमता के लिए महत्वपूर्ण है, और <body> टैग दर्शाता है कि पृष्ठ की मुख्य सामग्री कहाँ स्थित है। इनमें से प्रत्येक आवश्यक तत्व का उपयोग प्रति पृष्ठ केवल एक बार किया जा सकता है। सामान्य HTML टैग की मूल संरचना नीचे विस्तृत है:
EXAMPLE :
<!DOCTYPE html>
<html>
<head>
<title>Title that appears on browser tab</title>
</head>
<body>
<p>Here is a sentence with <strong>some words</strong> using <strong>bold.</strong></p>
</body>
</html> सामान्य HTML तत्व
अन्य गैर-आवश्यक HTML तत्वों का उपयोग वेबपेज पर इसकी संरचना को परिभाषित करने और पाठ के कुछ हिस्सों पर जोर देने के लिए कई बार किया जा सकता है। सामान्य HTML तत्व नीचे सूचीबद्ध हैं:
- <em> इटैलिक/जोर जोड़ने के लिए
- <head> मेटा टेक्स्ट वेबपेज पर दिखाई नहीं दे रहा है
- <header> वेब पेज में किसी पृष्ठ या अनुभाग का शीर्षक परिभाषित करता है
- <body> पृष्ठ का मुख्य भाग
- <br> लाइन ब्रेक डालने के लिए
- <ऑडियो> ध्वनि सामग्री एम्बेड करना
- <video> वीडियो सामग्री एम्बेड करना
- <button> क्लिक करने योग्य बटनों का उपयोग करने के लिए
- <div> किसी अनुभाग को परिभाषित/विभाजित करने के लिए
- <img> चित्र सम्मिलित करने के लिए
- <li> सूची दर्शाने के लिए
- <ol> एक क्रमबद्ध सूची को परिभाषित करने के लिए
- <ul> अक्रमित सूची को परिभाषित करने के लिए
- <u> पाठ को रेखांकित करने के लिए
HTML की एक और आम विशेषता है इसके अंदर CSS , Javascript या PHP फ़ाइलें एम्बेड करना। ये फ़ाइलें गतिशील वेब पेज बनाती हैं जो बेस HTML ढांचे में चमक और अन्तरक्रियाशीलता जोड़ती हैं।
एचटीएमएल 5(HTML5)
HTML5 HTML का सबसे हालिया संस्करण है। प्रत्येक संस्करण के साथ नई क्षमताएँ आदि आती हैं। हालाँकि, यह हमेशा आगे बढ़ता और विकसित होता रहता है। HTML5 भाषा के पिछले संस्करणों की तुलना में अधिक कार्यक्षमता प्रदान करता है। उदाहरण के लिए;
- यह प्रासंगिक टैग, <ऑडियो> और <वीडियो> का उपयोग करके ऑडियो और वीडियो का समर्थन कर सकता है।
- यह क्रोम, सफारी, मोज़िला आदि सभी ब्राउज़रों द्वारा समर्थित है।
- पुराने संस्करणों की तुलना में इसका उपयोग करना आसान है।
- यह मोबाइल डिवाइस पर बेहतर काम करता है।
मैं किसी पेज का HTML कैसे देख सकता हूँ?
किसी पेज का HTML देखना आसान है, भले ही वह आपका पेज न हो। उदाहरण के लिए, मैं यहाँ Google Chrome की प्रक्रिया का उपयोग करूँगा। यह अन्य ब्राउज़रों के साथ भी उतना ही सरल है। किसी पेज का HTML देखने के लिए, पेज पर राइट-क्लिक करें और “पेज सोर्स देखें” पर क्लिक करें। आप विंडोज पर कीबोर्ड शॉर्टकट CTRL + U या iOS पर ऑप्शन + कमांड + U का भी उपयोग कर सकते हैं।
HTML जानना क्यों उपयोगी है?
HTML वास्तव में डेवलपर की रोटी और मक्खन है। यदि आप अपनी नौकरी या दिन-प्रतिदिन की जिंदगी में कोड, वेबसाइट या ऐप बिल्ड के साथ कोई बातचीत करते हैं, तो आपको इस भाषा को जानना होगा। यह देखने के लिए कि HTML और तकनीक कितनी महत्वपूर्ण है, अपने स्मार्टफोन को अपनी जेब से बाहर निकालें। आपके पास कितने ऐप हैं? आप कितनी बार ब्राउज़र का उपयोग करते हैं? क्या आप इसका उपयोग खरीदारी या खरीददारी करने के लिए करते हैं? क्या यह आपके घर के तापमान जैसी चीजों को नियंत्रित करता है? क्या आप इसका उपयोग होटल, फ्लाइट, बाल कटवाने या किसी और चीज को बुक करने के लिए करते हैं? क्या आप इसका उपयोग खाना ऑर्डर करने या ऑनलाइन कुछ सुनने या देखने के लिए करते हैं? यह सब HTML पर निर्भर करता है।
अभी, पूरे यूरोप में सैकड़ों हज़ारों नौकरियाँ हैं जिनके लिए HTML कौशल की आवश्यकता होती है। वास्तव में, दुनिया एक गंभीर कौशल अंतर से गुज़र रही है, और परिणामस्वरूप, सॉफ़्टवेयर डेवलपर्स के लिए वेतन हमेशा बढ़ रहा है। नियोक्ता इन अंतरों को पहचानते हैं, और कई स्रोतों के अनुसार, वे परिणामस्वरूप संभावित राजस्व की बड़ी मात्रा खो रहे हैं । इसलिए, चाहे आप पहले से ही तकनीक में काम कर रहे हों या करियर बदलने की सोच रहे हों, HTML सीखना आपके लिए बेहद उपयोगी हो सकता है।
Reference: W3Schools CSS Introduction
Reference: HTML Introduction
निवेदन: अगर आपको HTML in Hindi (HTML क्या है और इसके फायदे) का यह पोस्ट उपयोगी लगा हो तो इसे अपने दोस्तों के साथ अवश्य शेयर करें। आपके जो भी प्रश्न हों, उन्हें नीचे कमेंट करके बताएं। धन्यवाद।