एचटीएमएल में खाली और कंटेनर टैग के साथ कैसे काम करें

Ecati Ema Ela Mem Khali Aura Kantenara Taiga Ke Satha Kaise Kama Karem



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

यह ब्लॉग गाइड करेगा कि एचटीएमएल में खाली और कंटेनर टैग के साथ कैसे काम करें।







खाली टैग

खाली टैग को 'के रूप में भी जाना जाता है' एकाकी वस्तु ' या ' खालीपन ” टैग। शून्य टैग में कभी भी कोई सामग्री नहीं होती है, लेकिन विशेषताएँ निर्दिष्ट की जा सकती हैं। इन टैग्स में एंडिंग टैग नहीं होता है और टैग में बैकस्लैश हो सकता है। खाली टैग के उदाहरण हैं '
', '<लिंक>', '<मेटा>', '<एम्बेड>', '<क्षेत्र>', '', ' ', और कई अधिक।



वाक्य - विन्यास



HTML में शून्य तत्वों का उल्लेख करने के लिए सिंटैक्स इस प्रकार है:





< खाली टैग />

यह देखने के लिए कि खाली टैग के साथ कैसे काम करना है, नीचे दिया गया उदाहरण देखें। '
” टैग को लाइन ब्रेक टैग के रूप में जाना जाता है और इसका उपयोग लाइन को तोड़ने के लिए किया जाता है:



< पी > एचटीएमएल खाली टैग < बीआर > रेखा तोड़ना टैग पी >

आउटपुट इंगित करता है कि '
” टैग ने लाइन तोड़ दी है:

हम HTML टैग्स में CSS स्टाइलिंग गुण जोड़ सकते हैं। ' <घंटा> ” टैग एक अन्य खाली तत्व है जो पृष्ठ पर एक क्षैतिज रेखा जोड़ता है:

< पी > एचटीएमएल खाली टैग
< मानव संसाधन शैली = 'बॉर्डर-टॉप: 3px धराशायी लाल;' > रेखा तोड़ना टैग
पी >

' बॉर्डर-शीर्ष “सीएसएस संपत्ति” पर लागू होती है <घंटा> 'तीन मानों के साथ, एक सीमा चौड़ाई है जो' के बराबर है 3 पीएक्स ”, सीमा शैली “के रूप में सेट है धराशायी ”और सीमा का रंग।

उत्पादन

अब तक, हमने HTML के खाली टैग्स पर चर्चा की है। अब, हम अगले भाग में HTML कंटेनर टैग्स के बारे में जानेंगे।

कंटेनर टैग

HTML कंटेनर टैग में तीन भाग होते हैं: शुरुआती टैग, सामग्री और अंतिम टैग। HTML कंटेनर टैग का सिंटैक्स निम्नानुसार दिया गया है:

< प्रारंभ का दिन > विषय एंड-टैग >

एचटीएमएल में कंटेनर टैग कैसे काम करता है, यह जानने के लिए नीचे दिए गए उदाहरण देखें।

उदाहरण 1: HTML में पैराग्राफ कैसे जोड़ें?

'

” टैग का उपयोग HTML दस्तावेज़ में पैराग्राफ को एम्बेड करने के लिए किया जाता है:

< पी > यह एक पैराग्राफ टैग है पी >

उत्पादन

उदाहरण 2: HTML में शीर्षक कैसे जोड़ें?

हेडिंग कंटेनर टैग के छह स्तर हैं जिनका उपयोग वेब पेज में हेडिंग जोड़ने के लिए किया जा सकता है। आइए उन्हें एक HTML दस्तावेज़ में देखें कि वे कैसे काम करते हैं और वेब पेज पर कैसे दिखते हैं:

< एच 1 > लिनक्स एच 1 >
< एच 2 > लिनक्स एच 2 >
< h3 > लिनक्स h3 >
< एच 4 > लिनक्स एच 4 >
< h5 > लिनक्स h5 >
< h6 > लिनक्स h6 >

उत्पादन

हम इन टैग्स को इनलाइन स्टाइल प्रदान कर सकते हैं। नीचे दिए गए उदाहरण पर विचार करें, जो दिखाता है कि इन टैग्स पर विभिन्न CSS स्टाइलिंग गुणों को कैसे लागू किया जाए:

< एच 1 शैली = 'बैकग्राउंड-कलर: थीस्ल; फॉन्ट-फ़ैमिली: कर्सिव;' > लिनक्स एच 1 >
< एच 2 शैली = 'पृष्ठभूमि-रंग: गेहूँ; पाठ-संरेखण: केंद्र;' > लिनक्स एच 2 >
< h3 शैली = 'पृष्ठभूमि-रंग: टमाटर; रंग: सफ़ेद;' > लिनक्स h3 >
< एच 4 शैली = 'फ़ॉन्ट-परिवार: 'ट्रेबुचेट एमएस'; पृष्ठभूमि-रंग: येलोग्रीन;' > लिनक्स एच 4 >
< h5 शैली = 'पृष्ठभूमि का रंग: बैंगनी;' > लिनक्स h5 >
< h6 शैली = 'पृष्ठभूमि-रंग: व्हाइटस्मोक;' > लिनक्स h6 और जीटी

यहाँ ऊपर बताए गए गुणों की व्याख्या है:

  • ' पीछे का रंग ” गुण तत्व की पृष्ठभूमि में रंग जोड़ता है।
  • ' फुहारा परिवार ” संपत्ति तत्व की फ़ॉन्ट शैली को समायोजित करती है।
  • ' पाठ संरेखित ” संपत्ति टेक्स्ट प्लेसमेंट या संरेखण को समायोजित करती है।

उत्पादन

हमने आपको HTML के खाली और कंटेनर टैग का उपयोग करने का तरीका दिखाया है।

निष्कर्ष

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