HTML टैग्स आपके मित्र क्यों हैं

HTML वेब की भाषा है। वेब पेज जो आप अपने कंप्यूटर या फोन पर देखते हैं, जिसमें यह एक शामिल है, हाइपरटेक्स्ट मार्कअप लैंग्वेज में लिखा जाता है, जिसे "एचटीएमएल टैग" के रूप में जाना जाता है। आप HTML को "अंडर-द-हुड कोड" के रूप में सोच सकते हैं जो वेब पेज की संरचना को नियंत्रित करता है।

अंततः, जब आप कोई नई भाषा सीखते हैं, तो आप सरल वाक्यांशों से शुरू करते हैं और वहीं से निर्माण करते हैं। सीखने के बारे में एचटीएमएल अलग नहीं है। आप सामान्य HTML टैग्स को पूर्ण करके प्रारंभ करेंगे। यह बोली जाने वाली भाषा में "सरल वाक्यांश" सीखने के बराबर है। वे वाक्यांश आधार बन जाते हैं जिस पर आप अपने ज्ञान और भाषण का निर्माण करते हैं, ठीक उसी तरह जैसे HTML टैग वह आधार है जिस पर आप अपने वेब विकास कौशल का निर्माण करेंगे।

एचटीएमएल टैग प्रारूप

आप HTML टैग को पहचान सकते हैं क्योंकि यह टैग के आरंभ और अंत में < और > वर्णों से घिरा होता है। इन दो वर्णों के बीच अन्य पाठ होंगे जो परिभाषित करते हैं कि किस प्रकार का HTML टैग लिखा जा रहा है। उदाहरण के लिए, यदि आप जानते हैं कि "hr" का अर्थ क्षैतिज नियम (या रेखा) है, तो आप इसे HTML टैग के लिए लिखेंगे:

आपने अभी-अभी एक HTML टैग लिखा है जो वेब पेज पर एक क्षैतिज नियम बनाता है।

अधिकांश HTML टैग जोड़े में आते हैं। उन्हें पाठ के एक भाग के आरंभ और अंत में उस सामग्री को निर्देशित करने के लिए रखा जाता है जिसमें वे शामिल होंगे। ये टैग जोड़े बनाते हैं एचटीएमएल तत्वएस जब आप यह सीखते हैं  तथा  टेक्स्ट को बोल्ड बनाने के लिए ओपनिंग और क्लोजिंग टैग हैं, आप समझने लगते हैं कि HTML टैग्स वेब पेज पर टेक्स्ट की उपस्थिति को कैसे प्रभावित करते हैं।

छिपे हुए HTML टैग्स के कारण यह वाक्य सभी बोल्ड में दिखाई देगा।

क्लोजिंग स्ट्रांग टैग (जिसका अर्थ है "मजबूत जोर और जो, डिफ़ॉल्ट रूप से, टेक्स्ट को बोल्ड के रूप में प्रस्तुत करता है) शुरुआती मजबूत टैग के समान है, सिवाय इसके कि इसमें टैग में एक स्लैश शामिल है। यह वह प्रारूप है जिसके बाद अधिकांश HTML टैग होते हैं। उद्घाटन टैग और समापन टैग समान हैं, समापन में एक स्लैश जोड़ने के साथ जो पहले "

HTML टैग संयोजन

HTML टैग अक्सर संयोजन में उपयोग किए जाते हैं। ज़ोरदार (इटैलिक) टेक्स्ट के लिए उद्घाटन और समापन टैग हैं तथा . सभी बोल्ड वाक्य उदाहरण में एक शब्द में इटैलिक टैग जोड़ने से शब्द वेब पेज पर बोल्ड और इटैलिक दोनों दिखाई देता है।

यह वाक्य सभी में दिखाई देगा साहसिक छिपे हुए HTML टैग्स के कारण।

जब भी वेब पेज के एक तत्व में कई टैग एक साथ उपयोग किए जाते हैं, कुछ टैग दूसरों के अंदर दिखाई देते हैं, तो उन्हें नेस्टेड HTML टैग कहा जाता है। आपको याद रखना चाहिए कि नेस्टेड टैग, जो दूसरों के अंदर के टैग हैं, उनके युक्त टैग बंद होने से पहले बंद होना चाहिए। इस उदाहरण को देखें:

यह वह पाठ है जो है पर बल दिया एक विशेष कारण के लिए।

आपको ध्यान देना चाहिए कि टैग के अंदर खोला गया है

, जिसका अर्थ है कि इसे से पहले बंद कर दिया जाना चाहिए

समापन टैग प्रकट होता है। नेस्टेड टैग के बारे में सोचें जैसे अन्य बॉक्स के अंदर बॉक्स। आंतरिक बक्से को उनके बाहरी से पहले बंद किया जाना चाहिए, जिसमें बक्से हैं।

एचटीएमएल टैग और वेब पेज

वैध HTML में दर्जनों HTML टैग हैं। कुछ HTML टैग बहुत ही सामान्य, बुनियादी तत्वों जैसे पैराग्राफ को निर्देशित करते हैं, जबकि अन्य अधिक जटिल होते हैं और अधिक कार्यक्षमता जोड़ते हैं, जैसे लिंक या "एंकर" टैग। HTML टैग्स की एक सूची टैग का उपयोग करके वेब पेज पर किए जा सकने वाले कई कार्यों का एक स्नैपशॉट देती है।

कुछ ऐसे टैग भी होते हैं जो सभी वेबपेजों के लिए आवश्यक होते हैं। जैसे ही आप अपना पहला पेज बनाते हैं, आप इसका उपयोग करेंगे।

जब तक आप एक HTML ट्यूटोरियल नहीं पढ़ लेते, तब तक HTML टैग्स की एक सूची बहुत मददगार नहीं होती है, लेकिन ऐसा करने के बाद, आप अपना खुद का वेब पेज बनाने के लिए HTML टैग्स का उपयोग कर सकते हैं। एक नोट, संभावित HTML टैग्स की संख्या से अभिभूत न हों। जबकि उपयोग करने के लिए सैकड़ों संभावित टैग हैं, वास्तविकता यह है कि आप उनमें से केवल कुछ ही बार-बार उपयोग करने की संभावना रखते हैं। वास्तव में, कुछ HTML टैग हैं जिनका उपयोग हमने दशकों के वेब डिज़ाइन कार्य में एक बार भी नहीं किया है!

पदावनत टैग

एचटीएमएल 5 वर्तमान मार्कअप मानक है। HTML के पुराने संस्करणों में उपयोग किए जाने वाले कुछ टैग अब HTML5 में स्टाइल शीट द्वारा नियंत्रित किए जाते हैं। बहिष्कृत HTML टैग्स को HTML विनिर्देशों से हटा दिया गया है। किसी भी अप्रचलित टैग का उपयोग न करना सबसे अच्छा है।