यहां, ' <लेख> 'प्रारंभिक टैग है, और' 'अंतिम टैग है।

आइए <लेख> टैग के उपयोग को प्रदर्शित करने के लिए एक उदाहरण देखें।

उदाहरण: HTML में <लेख> टैग का उपयोग करना

HTML में, सबसे पहले, एक <लेख> टैग जोड़ें, जिसका नाम “ सभी ओएस ” और

शीर्षक के लिए। फिर, एक अन्य <लेख> टैग जोड़ें जिसका नाम ' तुम ”। इस <लेख> टैग के अंदर, शीर्षक के लिए

और पैराग्राफ के लिए

निर्दिष्ट करें। उसके बाद,

और

टैग के साथ नेस्टेड दो <लेख> टैग इस प्रकार शामिल करें:

< लेख कक्षा = 'ऑल-ओएस' >
< एच 1 > सबसे लोकप्रिय ऑपरेटिंग सिस्टम एच 1 >
< लेख कक्षा = 'तुम' >
< एच 2 > खिड़कियाँ एच 2 >
< पी > विंडोज कई मालिकाना ग्राफिकल ऑपरेटिंग सिस्टम का एक समूह है। यह Microsoft द्वारा विकसित और विपणन किया जाता है। पी >
लेख >
< लेख कक्षा = 'तुम' >
< एच 2 > लिनक्स एच 2 >
< पी > लिनक्स एक ओपन-सोर्स ऑपरेटिंग सिस्टम है जो लिनक्स कर्नेल पर आधारित है। यह आमतौर पर पैक किया जाता है जैसा एक लिनक्स वितरण। पी >
लेख >
< लेख कक्षा = 'तुम' >
< एच 2 > मैक ओएस एच 2 >
< पी > macOS एक यूनिक्स ऑपरेटिंग सिस्टम है जिसे Apple Inc. द्वारा विकसित और विपणन किया जाता है जैसा मुख्य ऑपरेटिंग सिस्टम के लिये सेब के मैक कंप्यूटर।

अगला खंड उपर्युक्त HTML तत्वों पर लागू CSS शैलियों का वर्णन करेगा।

स्टाइल ऑल-ओएस डिव

उबंटू में क्रोम कैसे स्थापित करें

.ऑल-ओएस {
अंतर: 0 ;
पैडिंग: 5 पीएक्स;
पृष्ठभूमि-रंग: आरजीबी ( 155 , 155 , 155 ) ;
}

वर्ग नाम के साथ div ' सभी ओएस ” इस तरह स्टाइल किया गया है:

• • ' .all_OS ” का प्रयोग संबंधित
    तक पहुँचने के लिए किया जाता है।
  • ' अंतर 'संपत्ति का उपयोग div तत्व के चारों ओर स्थान जोड़ने के लिए किया जाता है।
  • ' गद्दी ” संपत्ति div तत्व की सामग्री के आसपास स्थान जोड़ती है।
  • ' पीछे का रंग ' div तत्व की पृष्ठभूमि का रंग लागू करने के लिए सेट है।

स्टाइल ओएस डिव

।तुम {
मार्जिन: 10 पीएक्स;
पैडिंग: 5 पीएक्स;
पृष्ठभूमि: सफेद;
}

शैलियों को अगले

नाम पर लागू करें ' तुम ”। संपत्तियों का विवरण नीचे दिया गया है:

• • ' ।तुम
    को os नाम से एक्सेस करें।
  • ' अंतर ” संपत्ति div के चारों ओर 10px की जगह जोड़ती है।
  • ' गद्दी ” संपत्ति div तत्व की सामग्री के चारों ओर 5px का स्थान जोड़ती है।
  • ' पीछे का रंग ' संपत्ति div तत्व की पृष्ठभूमि का रंग सेट करती है।

उपरोक्त

टैग्स को CSS स्टाइलिंग गुण प्रदान करने के बाद, नीचे बताए गए गुणों को सेट करके पैराग्राफ को स्टाइल किया जाता है।

शैली पी तत्व

पी {
मार्जिन: 3 पीएक्स;
फ़ॉन्ट-आकार: 15 पीएक्स;
}

निम्नलिखित गुण

तत्व पर लागू होते हैं:

• • ' अंतर ” संपत्ति तत्व की सामग्री के आसपास 3px स्थान जोड़ती है।
  • ' फ़ॉन्ट आकार ” संपत्ति टेक्स्ट फ़ॉन्ट आकार को 15px के रूप में सेट करती है।

जोड़े गए कोड को सहेजें और फ़ाइल को अपने ब्राउज़र में खोलें। परिणाम नीचे दिखाए अनुसार प्रदर्शित किया जाएगा:

ऊपर दिए गए दस्तावेज़ में कई लेख हो सकते हैं, और प्रत्येक ऑपरेटिंग सिस्टम से संबंधित स्पष्टीकरण <लेख> टैग में निहित है। इसके अलावा, एक लेख एक के बाद एक स्क्रीन स्क्रॉल के रूप में प्रदर्शित होता है।

इस प्रकार हम HTML <लेख> टैग का उपयोग करके ब्लॉग पोस्ट, फ़ोरम पोस्ट और पत्रिका जैसे दस्तावेज़ बना सकते हैं।

विंडोज़ 10 स्क्रीनसेवर स्थान

निष्कर्ष

जैसा कि हम जानते हैं कि लेख लेखक या ब्लॉगर विषय की मूल अवधारणा को ध्यान में रखते हुए दस्तावेज़ लिखते हैं। इसी तरह, HTML में, <लेख> टैग का उपयोग उस सामग्री का उल्लेख करने के लिए किया जाता है जो पूरी तरह से निहित और स्वतंत्र है। इसके अलावा, HTML फ़ाइल में एक या अधिक <लेख> टैग हो सकते हैं, जिन्हें नेस्टेड किया जा सकता है। इस अध्ययन में <लेख> टैग के उपयोग को एक उदाहरण के साथ समझाया गया है।