HTML तत्व
आप पहले से बेसिक दस्तावेज़ कंकाल जानते हैं। यह सत्र पेज के अंदर की निर्माण इकाइयों पर ज़ूम करता है: HTML तत्व। हर शीर्षक, पैराग्राफ और पेज के अधिकांश अन्य हिस्से तत्व होते हैं।
HTML तत्व क्या है?
HTML तत्व मार्कअप की एक पूरी इकाई है। अधिकांश तत्वों में जो कंटेंट लपेटते हैं तीन भाग होते हैं:
- प्रारंभ टैग — जैसे
<p> - कंटेंट — अंदर का टेक्स्ट या नेस्टेड तत्व
- अंत टैग — जैसे
</p>
मिलकर<p>नमस्ते</p>एक पैराग्राफ तत्व है।
सीधा उत्तर
HTML तत्व आमतौर पर मतलब है मिलते हुए प्रारंभ टैग, वैकल्पिक कंटेंट और अंत टैग। ब्राउज़र इस जोड़ी से जानता है तत्व कहाँ शुरू और कहाँ खत्म होता है। कुछ खाली तत्व कंटेंट नहीं लपेटते इसलिए अलग अंत टैग नहीं रखते।
प्रारंभ टैग, कंटेंट, अंत टैग वाला तत्व
html<p>यह एक पैराग्राफ तत्व है।</p>
<h1>यह एक शीर्षक तत्व है।</h1>उदाहरण पढ़ना
<p>पैराग्राफ तत्व खोलता है- टैगों के बीच का टेक्स्ट कंटेंट है
</p>पैराग्राफ बंद करता है- शीर्षक उसी तरह
<h1>और</h1>से काम करता है
नेस्टेड तत्व
तत्व अन्य तत्वों के अंदर बैठ सकते हैं। इसे नेस्टिंग कहते हैं। भीतरी तत्व पूरी तरह खुलकर बंद होना चाहिए इससे पहले कि बाहरी बंद हो।
नेस्टेड तत्व
html<p>इस पैराग्राफ में एक <strong>महत्वपूर्ण</strong> शब्द है।</p>यहाँ strong तत्व p तत्व के अंदर नेस्ट है। नेस्टिंग बड़े कंटेंट टुकड़ों के अंदर अर्थ चिह्नित करने देती है। पेड़ साफ़ रखें: टैग ओवरलैप न करें जैसे p खोलना, strong खोलना, फिर strong से पहले p बंद करना।
खाली (void) तत्व
कुछ तत्व कंटेंट नहीं लपेटते। अक्सर उन्हें खाली या void कहते हैं। शुरुआती का आम उदाहरण लाइन ब्रेक है:
खाली br तत्व
html<p>पंक्ति एक।<br>पंक्ति दो।</p><br> टैग लाइन ब्रेक बनाता है। इसका अलग बंद टैग और अंदर का टेक्स्ट नहीं होता। बाद में आप छवियों जैसे अन्य खाली तत्व देखेंगे। अभी याद रखें: हर तत्व प्रारंभ-कंटेंट-अंत सैंडविच जैसा नहीं दिखता।
टैग बनाम तत्व
लोग कभी-कभी «टैग» और «तत्व» एक जैसे कहते हैं। टैग कोणीय कोष्ठक में मार्कअप है। तत्व वह पूरी इकाई है जो ब्राउज़र समझता है — अक्सर प्रारंभ टैग + कंटेंट + अंत टैग। «p तत्व» कहना आमतौर पर पूरी पैराग्राफ इकाई मतलब होता है।
स्वयं आज़माएँ
- अपनी बेसिक HTML फ़ाइल खोलें
- नेस्टेड
strongटेक्स्ट वाला पैराग्राफ जोड़ें - दूसरा पैराग्राफ जोड़ें जो दो छोटी पंक्तियों के बीच
<br>उपयोग करे - सहेजें और ब्राउज़र रिफ़्रेश करें
- पुष्टि करें कि बोल्ड टेक्स्ट और लाइन ब्रेक अपेक्षित दिखते हैं
आम गलतियाँ
- जिन तत्वों को बंद टैग चाहिए उनके लिए उसे भूलना
- साफ़ नेस्टिंग की जगह टैग ओवरलैप करना
- हर टैग के साथ ऐसा व्यवहार मानना कि कंटेंट और अंत टैग ज़रूरी हैं (खाली भिन्न हैं)
- गलत बंद नाम, जैसे
<h1>के साथ</p>जोड़ना - दिखाई देने वाला पेज कंटेंट
bodyके बाहर रखना
सारांश
- अधिकांश HTML तत्व प्रारंभ टैग, कंटेंट और अंत टैग उपयोग करते हैं
- नेस्टेड तत्वों को सही क्रम में बंद होना चाहिए
brजैसे खाली तत्व कंटेंट नहीं लपेटते- टैग कोष्ठक वाला चिह्न है; तत्व पूरी इकाई है
- पेज में नेस्टिंग और सरल लाइन ब्रेक का अभ्यास करें
- टैग में अतिरिक्त जानकारी जोड़ने वाले attributes अगले सत्र में आते हैं
🧠 अपने ज्ञान की परीक्षा करें
अपने ज्ञान की परीक्षा करें
इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं
📝 निर्देश
- हर प्रश्न को ध्यान से पढ़ें
- हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
- आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
- आपकी प्रगति शीर्ष पर दिखाई जाएगी