HTML में विभिन्न प्रकार की सूची कैसे लागू करें?

यह लेख आपको उदाहरणों और कोड के साथ HTML में विभिन्न प्रकार की सूची का विस्तृत और व्यापक ज्ञान प्रदान करेगा।

सूचियाँ डेटा और सूचना को दर्शाने के महत्वपूर्ण तरीकों में से एक हैं जहाँ प्रत्येक रिकॉर्ड को एक पंक्ति में प्रदर्शित किया जाता है। सूची में डेटा का प्रतिनिधित्व करने के विभिन्न तरीके हैं जैसे कि ऑर्डर किए गए तरीके से, या अनियंत्रित तरीके से। मैं इस सूची में निम्नलिखित विषयों को शामिल नहीं करूंगा लेख:

HTML में सूची के प्रकार

इससे पहले कि हम एक सूची बनाना शुरू करें, आइए पहले HTML टैग्स पर नज़र डालें:





    • एक अनियंत्रित सूची को परिभाषित करने के लिए उपयोग किया जाता है
      1. आदेशित सूची को परिभाषित करने के लिए उपयोग किया जाता है
      2. एक सूची आइटम को परिभाषित करने के लिए उपयोग किया जाता है
      3. वर्णन सूची को परिभाषित करने के लिए उपयोग किया जाता है
      4. एक वर्णन सूची में एक शब्द को परिभाषित करता है
      5. शब्द का वर्णन विवरण सूची में किया जाता है

    आइए समझते हैं कि आप HTML में विभिन्न प्रकार की सूची कैसे बना सकते हैं।

    अव्यवस्थित सूची

    HTML में एक अनियंत्रित सूची को परिभाषित करने के लिए हम उपयोग करते हैं

      टैग और फिर हम मदों की सूची को परिभाषित करते हैं
    • टैग। डिफ़ॉल्ट रूप से, वस्तुओं की सूची गोलियों (यानी छोटे काले घेरे) के साथ चिह्नित है।



       

      खेल

      • क्रिकेट
      • फुटबॉल
      • बेसबॉल

      आउटपुट:

      HTML में अनियंत्रित सूची

      Unordered HTML List: विभिन्न आइटम मार्कर



      आप CSS सूची-शैली-प्रकार की संपत्ति का उपयोग करके मार्करों की एक सूची से चुन सकते हैं। आइए विभिन्न सीएसएस सूची-शैली-प्रकार की संपत्ति पर नज़र डालें जिसका उपयोग आप मार्करों की विभिन्न शैली को परिभाषित करने के लिए कर सकते हैं:

      • डिस्क : सूची आइटम मार्कर को बुलेट पर सेट करता है
      • वृत्त : सूची आइटम मार्कर को एक सर्कल में सेट करता है
      • वर्ग : सूची आइटम मार्कर को एक वर्ग में सेट करता है
      • कोई नहीं : सूची आइटम को चिह्नित नहीं किया जाएगा

      डिस्क:

       

      खेल

      • क्रिकेट
      • फुटबॉल
      • बेसबॉल

      आउटपुट:

      जावा में डबल पूर्णांक में परिवर्तित करें

      HTML में डिस्कवृत्त:

       

      खेल

      • क्रिकेट
      • फुटबॉल
      • बेसबॉल

      आउटपुट:

      HTML में मंडल-सूचीवर्ग:

       

      खेल

      • क्रिकेट
      • फुटबॉल
      • बेसबॉल

      आउटपुट:

      Squareकोई नहीं:

       

      खेल

      • क्रिकेट
      • फुटबॉल
      • बेसबॉल

      आउटपुट:

      Noneअब HTML में एक अनियंत्रित सूची बनाने का तरीका समझने के बाद, आइए HTML में एक आदेशित सूची बनाने का तरीका जानें।

      आदेशित सूचि

      HTML में एक आदेशित सूची को परिभाषित करने के लिए हम उपयोग करते हैं

        टैग और फिर हम मदों की सूची को परिभाषित करते हैं
      1. टैग।
        डिफ़ॉल्ट रूप से, मदों की सूची संख्याओं के साथ चिह्नित होती है।

         

        खेल

        1. क्रिकेट
        2. फुटबॉल
        3. बेसबॉल

        आउटपुट:

        HTML में आदेशित सूचीअब आइए कुछ सूचीबद्ध सूचियों के वेरिएंट को देखें।

        आदेशित HTML सूची - टाइप विशेषता

        ऑर्डर की गई सूची के लिए विभिन्न प्रकार के आइटम मार्कर हैं:

        • टाइप = ”1 ″ सूची आइटम नंबर (डिफ़ॉल्ट) के साथ क्रमांकित किए जाएंगे

        • प्रकार = 'ए' सूची आइटम अपरकेस अक्षरों के साथ गिने जाएंगे

        • प्रकार = 'ए' सूची आइटम को लोअरकेस अक्षरों के साथ गिना जाएगा

        • प्रकार = 'मैं' सूची आइटम को अपरकेस रोमन नंबर के साथ क्रमांकित किया जाएगा

        • प्रकार = 'मैं' सूची आइटम को लोअरकेस रोमन नंबरों के साथ गिना जाएगा

        नंबर:

         

        खेल

        1. क्रिकेट
        2. फुटबॉल
        3. बेसबॉल

        आउटपुट:

        Numbersबड़ी वर्तनी के अक्षर:

         

        खेल

        1. क्रिकेट
        2. फुटबॉल
        3. बेसबॉल

        आउटपुट:

        बड़े अक्षरछोटे अक्षर:

         

        खेल

        1. क्रिकेट
        2. फुटबॉल
        3. बेसबॉल

        आउटपुट:

        छोटा अक्षरअपरकेस रोमन नु मूर्ख s:

         

        खेल

        1. क्रिकेट
        2. फुटबॉल
        3. बेसबॉल

        आउटपुट:

        अपरकेस रोमन नंबर

        लोअरकेस रोमन नंबर:

         

        खेल

        1. क्रिकेट
        2. फुटबॉल
        3. बेसबॉल

        आउटपुट:

        लोवरकेस रोमन नंबर

        HTML विवरण सूचियाँ

        आप HTML में विवरण सूची भी बना सकते हैं। एक विवरण सूची का उपयोग शब्दों की सूची बनाने और उनमें विवरण जोड़ने के लिए किया जाता है। आप का उपयोग करके एक विवरण सूची बनाते हैं

        टैग।
        टैग शब्द को परिभाषित करता है और
        टैग उनके लिए विवरण जोड़ता है।

         

        खेल

        क्रिकेट
        क्रिकेट एक बल्ले और गेंद का खेल है, जिसके केंद्र में एक मैदान पर ग्यारह खिलाड़ियों की दो टीमों के बीच खेला जाता है, जिसमें प्रत्येक छोर पर एक विकेट के साथ 20 मीटर की पिच होती है, जिसमें प्रत्येक में तीन स्टंप पर संतुलित दो बेल होते हैं।
        टेबल टेनिस
        टेबल टेनिस, जिसे पिंग-पोंग के रूप में भी जाना जाता है, एक ऐसा खेल है जिसमें दो या चार खिलाड़ी छोटे रैकेट का उपयोग करके एक हल्की गेंद को पीछे की ओर से टेबल पर मारते हैं। खेल एक शुद्ध तालिका में एक जाल से विभाजित होता है।

        आउटपुट:

        HTML में नेस्टेड सूची

        आप HTML में नेस्टेड लिस्ट भी बना सकते हैं।

         

        खेल

        • टेबल टेनिस
        • क्रिकेट
          • Virat Kohli
          • जो रूट
      2. बास्केटबॉल

    आउटपुट:

    अब उपरोक्त स्निपेट्स को निष्पादित करने के बाद आप समझ गए होंगे कि HTML में सूची कैसे बनाई जाए। मुझे उम्मीद है कि यह ब्लॉग जानकारीपूर्ण है और आपके लिए मूल्य वर्धित है।

    हमारी जाँच करें जो प्रशिक्षक के नेतृत्व वाले लाइव प्रशिक्षण और वास्तविक जीवन की परियोजना के अनुभव के साथ आता है। यह प्रशिक्षण आपको बैक-एंड और फ्रंट-एंड वेब तकनीकों के साथ काम करने के लिए कौशल में कुशल बनाता है। इसमें वेब डेवलपमेंट, jQuery, Angular, NodeJS, ExpressJS और MongoDB पर प्रशिक्षण शामिल है।

    क्या आप हमसे कोई प्रश्न पूछना चाहते हैं? कृपया 'HTML में सूची' ब्लॉग के टिप्पणी अनुभाग में इसका उल्लेख करें और हम आपके पास वापस आ जाएंगे।