जब हम HTML कोड के बारे में बात करते हैं, तो निश्चित रूप से आप में से बहुत से लोग ऐसी भाषा के बारे में सोचते हैं जिसका उपयोग उस जानकारी की संरचना के लिए किया जाता है जो हमें ब्राउज़र या वेब पेज में प्रवेश करने पर प्रदान की जाती है। लेकिन यह यहीं समाप्त नहीं होता है, यह समझने के लिए कि HTML क्या है और इसके लिए क्या है, हमें इस विषय में और अधिक गहराई से जाना चाहिए।
जिस कोड के बारे में हम बात करने जा रहे हैं वह वेब डेवलपमेंट का मूल आधार है. हर बार जब हम अलग-अलग पेज ब्राउज़ करते हैं, तो एचटीएमएल उन सभी में मौजूद होता है, चाहे वह फैशन पेज हो या निजी ब्लॉग। यदि आप इस विषय के बारे में अधिक जानने में रुचि रखते हैं, तो एक कलम और कागज लें और हम शुरू करेंगे।
HTML कोड क्या है और इसका उपयोग किस लिए किया जाता है?
जैसा कि हमने इस प्रकाशन की शुरुआत में संकेत दिया है, HTML एक ऐसी भाषा है जिससे हम अपने वेब पेज की सामग्री को परिभाषित कर सकते हैं. स्पेनिश में, संक्षिप्त नाम हाइपरटेक्स्ट मार्कअप लैंग्वेज की परिभाषा से मेल खाता है। यानी लेबल की एक श्रृंखला जिसे हमारा ब्राउज़र व्याख्या करने में सक्षम है और जिसके साथ हम अपने टेक्स्ट और अन्य प्रकार के पहलुओं को परिभाषित कर सकते हैं जो वेब पेज, इमेज, ग्राफिक्स आदि का हिस्सा होंगे।
यह भाषा जो हम बोलते हैं यह उस संरचना का वर्णन करने का कार्य करता है जिसका एक पृष्ठ अनुसरण करता है और हमें उस तरीके को व्यवस्थित करने में भी मदद करता है जिसमें वे प्रदर्शित होने जा रहे हैं।. इन सबके अलावा, HTML आपको अन्य प्रकार के पृष्ठों या यहां तक कि दस्तावेज़ों के लिए अलग-अलग पुनर्निर्देशित लिंक शामिल करने की अनुमति देगा।
यह एक प्रोग्रामिंग भाषा नहीं है, क्योंकि यह कुछ अंकगणितीय कार्यों को पूरा नहीं करती है। तो हम बता सकते हैं कि इसका मुख्य कार्य स्थैतिक वेब पेज बनाने में सक्षम होना है। यह बहुत उपयोगी है, क्योंकि इसे किसी अन्य प्रकार की प्रोग्रामिंग भाषा के साथ जोड़कर, आप सबसे अधिक गतिशील पृष्ठ प्राप्त कर सकते हैं, जैसे कि हम हर दिन कई पृष्ठों पर जाते हैं।
थोड़ा सा HTML इतिहास
इस भाषा का जन्म 1980 में हुआ था जब एक वैज्ञानिक टिम बर्नर्स-ली ने एक नई हाइपरटेक्स्ट प्रणाली का विचार प्रस्तुत किया था।. यह दस्तावेजों और फाइलों को साझा करने में सक्षम होने की आवश्यकता पर आधारित था। HTML के बारे में बात करने वाले इस प्रकाशन में, कुल 22 टैग्स का वर्णन किया गया है, जो इस भाषा के प्रारंभिक और सरल डिज़ाइन को सिखाते हैं।
वर्तमान में, इनमें से कई लेबल जिनका उल्लेख वर्षों पहले किया गया था, अभी भी कायम हैं, अन्य लोगों की तुलना में जिन्हें अलग छोड़ दिया गया है और अन्य जिन्हें समय के साथ जोड़ा गया है। हम जो बता सकते हैं, उसके पूरे इतिहास में HTML के विभिन्न संस्करण रहे हैं।
आइए याद रखें कि इस प्रकार की भाषा को केवल एक ब्राउज़र के माध्यम से संसाधित किया जा सकता है जैसा कि हम वर्तमान में इस वेबसाइट पर उक्त प्रकाशन को पढ़ने के लिए उपयोग कर रहे हैं।
लेबल के प्रकार
पिछले भाग में हमने जिन बातों का उल्लेख किया है उनमें से एक यह है कि HTML भाषा विभिन्न टैगों से बनी होती है। जो नहीं जानते उनके लिए ये लेबल, वे एक प्रकार के पाठ खंड हैं जो कोष्ठक या ब्रेसिज़ द्वारा संरक्षित हैं जिनका उद्देश्य उक्त कोड लिखना है।
ये लेबल, वे आमतौर पर टिप <> में कोष्ठकों में जो हम जानते हैं, उसके द्वारा सीमांकित किया जाता है;. इनका उपयोग यह वर्णन करने के लिए किया जाता है कि आप वेब पर क्या दिखाना चाहते हैं, उपस्थिति के संदर्भ में।
एचटीएमएल में, औरहम पाते हैं कि विभिन्न लेबलों की एक विशाल विविधता को परिभाषित किया गया है. इसे दिए जाने वाले उपयोग के आधार पर हम उनमें से कुछ को नीचे देखेंगे।
- उद्घाटन टैग: वे हैं जिनका उपयोग पृष्ठों की शुरुआत में किया जाता है। यह हमें बताता है कि एक निश्चित तत्व कहाँ से शुरू या समाप्त होता है। तत्व का नाम नुकीले कोष्ठकों के बीच जाना चाहिए।
- समापन टैग: पिछले मामले की तरह ही, लेकिन ये एक तत्व के अंत का संकेत देते हैं। वे मुख्य रूप से लिखे जाने के तरीके में भिन्न होते हैं, क्योंकि एक विकर्ण रेखा दिखाई देती है।
- शीर्षक टैग: वे इंगित करेंगे कि आगे जो रखा गया है वह हमारे पृष्ठ का शीर्षक है।
- बॉडी लेबल: इस मामले में, हम उन टैग्स के बारे में बात कर रहे हैं जो टेक्स्ट के शरीर के हिस्से को इंगित करते हैं, यानी टेक्स्ट के ब्लॉक का पालन किया जाता है।
- हैडर टैग: जैसा कि इसके नाम से पता चलता है, यह एक लेबल है जो हमारे पेज के शीर्षक या हेडर को इंगित करता है।
- उपशीर्षक टैग: इस मामले में हम स्तर 2 उपशीर्षक के बारे में बात कर रहे हैं।
- पैराग्राफ टैग: ये वे हैं जिनका उपयोग हमारे टेक्स्ट को समूहबद्ध तरीके से एक पंक्ति में प्रदर्शित करने के लिए किया जाता है।
- निचला खंड लेबल: टेक्स्ट के नीचे की ओर इंगित करता है। इसे निष्कर्ष या पृष्ठ के अंतिम भाग के साथ पहचाना जा सकता है जहां संपर्क जानकारी या सामाजिक नेटवर्क दिखाई देते हैं।
- ऊपरी खंड लेबल: हम पृष्ठ पर किसी पाठ या शीर्ष लेख के शीर्ष का उल्लेख करते हैं।
- बोल्ड टैग: जैसा कि हम सभी जानते हैं, वे हमारे पाठ को संलग्न करने वाले किसी तत्व को उजागर करने के प्रभारी हैं।
- इटैलिक लेबल: पिछले मामले के समान, लेकिन यहां इटैलिक में जो दर्शाया गया है वह प्रकट होता है।
- छवि टैग: वह है जिसका उपयोग हम तब करते हैं जब हम अपने पृष्ठ पर एक छवि सम्मिलित करना चाहते हैं।
- लिंक टैग: अगर हम अपनी वेबसाइट पर कहीं भी लिंक जोड़ना चाहते हैं, तो हमें यह टैग जोड़ना होगा।
ये HTML भाषा में उपयोग किए जाने वाले कुछ मुख्य टैग हैं। हमारे द्वारा खोले गए प्रत्येक टैग के लिए, हमें याद रखना चाहिए कि हमें इसे बंद करना होगा, अन्यथा हम उक्त टैग को सही ढंग से शामिल नहीं कर पाएंगे। इसे सही तरीके से करने से एक अच्छी तरह से संरचित HTML भाषा प्राप्त होगी। गलत तरीके से लिखा गया कोड पेज के निर्माण में त्रुटियां उत्पन्न कर सकता है। इसके अलावा, ब्राउज़र इसे नहीं पहचानता है और हमें एक खाली स्क्रीन दिखाई जाती है या पेज सीधे प्रदर्शित होता है।
अब जब आप जानते हैं कि HTML क्या है, इसके लिए क्या है और इसके कुछ सबसे बुनियादी टैग हैं, तो आपको इस भाषा की मूल संरचना की समझ है जिसके बारे में हम बात कर रहे हैं। एक बार जब आप इसे जान लेते हैं, तो हम आपको उन विभिन्न लेबलों का उपयोग करने के लिए प्रोत्साहित करते हैं जिन्हें हमने नाम दिया है और जो आपने सीखा है उसे बनाने और अभ्यास करने के लिए नए लेबल जोड़ें।