Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

HTML सूचियों के प्रकार

<घंटा/>

HTML में सूचियाँ तीन प्रकार की होती हैं -

  • अनियंत्रित सूची

      इस सूची में बिना किसी विशिष्ट क्रम के बुलेट सूची आइटम हैं।

    • आदेशित सूची

        इस सूची का उपयोग आदेशित सूची मदों के लिए किया जाता है

      1. परिभाषा सूची

        इस सूची का उपयोग शब्दों की परिभाषाओं को प्रदर्शित करने के लिए किया जाता है।

    हम इन सूचियों को नेस्ट कर सकते हैं और उन्हें इच्छानुसार स्टाइल कर सकते हैं। CSS संपत्ति सूची-शैली हमें सूची आइटम को स्टाइल करने में मदद करती है।

    सिंटैक्स

    HTML सूचियों का सिंटैक्स इस प्रकार है -

    <type of list>
    <li></li>
    </type of list>

    निम्नलिखित उदाहरण HTML सूचियों को स्पष्ट करते हैं -

    उदाहरण

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    ul {
       background-color: papayawhip;
       list-style-type: square;
       font-style: italic;
    }
    ol {
       background-color: azure;
    }
    </style>
    </head>
    <body>
    <ol>
    <li>demo1</li>
    <li>
    demo 2
    <ul>
    <li>demo a</li>
    <li>demo b</li>
    </ul>
    </li>
    <li>demo 3</li>
    </ol>
    </body>
    </html>

    आउटपुट

    यह निम्न आउटपुट देता है -

    HTML सूचियों के प्रकार

    उदाहरण

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    dt {
       font-weight: bold;
       font-style: italic;
    }
    dd {
       border: thin dotted;
    }
    </style>
    </head>
    <body>
    <h2>Programming Languages and Databases</h2>
    <dl>
    <dt>Java</dt>
    <dd>A programming language developed by James Gosling.</dd>
    <dt>C++</dt>
    <dd>A programming language developed by Bjarne Stroustrup.</dd>
    <dt>MySQL</dt>
    <dd>MySQL is an open-source relational database management system.</dd>
    </dl>
    </body>
    </html>

    आउटपुट

    यह निम्न आउटपुट देता है -

    HTML सूचियों के प्रकार


  1. एचटीएमएल सूचियां

    HTML दस्तावेज़ में तीन प्रकार की सूचियाँ मौजूद होती हैं, अर्थात् अनियंत्रित सूची, आदेश दिया गया सूची और विवरण सूची। अनियंत्रित HTML सूची इसे टैग का उपयोग करके परिभाषित किया गया है जहां प्रत्येक सूची आइटम टैग के बीच संलग्न है। सिंटैक्स निम्नलिखित वाक्य रचना है - <ul> <li>List Item&

  1. HTML सूची विशेषता

    HTML सूची विशेषता एक तत्व को संदर्भित करती है जिसमें एक HTML दस्तावेज़ में तत्व के लिए पूर्व-निर्धारित विकल्प होते हैं। सिंटैक्स निम्नलिखित वाक्य रचना है - आइए हम HTML सूची विशेषता का एक उदाहरण देखें: उदाहरण शरीर { रंग:#000; ऊंचाई:100 वीएच; पृष्ठभूमि-रंग:#8BC6EC; पृष्ठभूमि-छवि:रैखिक-ढाल (135

  1. एचटीएमएल डोम ओएल ऑब्जेक्ट

    एचटीएमएल में एचटीएमएल डोम ओएल ऑब्जेक्ट तत्व का प्रतिनिधित्व करता है। एक तत्व बनाना var olObject = document.createElement(“OL”) यहाँ, “olObject” में निम्नलिखित गुण हो सकते हैं - संपत्ति विवरण उलट इससे सेट/रिटर्न होता है कि क्या सूची का क्रम अवरोही या आरोही होना चाहिए (डिफ़ॉल्ट