HTML लिस्ट

HTML में आप विभिन्न प्रकार की सूची (list) बना सकते हैं। निम्नलिखित HTML एलिमेंट उन तत्वों का उपयोग करते हैं जिनसे सूचीबद्धता का दिखावट बनाया जा सकता है:

Ordered List (आदेशित सूची):

HTML में आदेशित सूची (Ordered List) को <ol> एलिमेंट का उपयोग करके बनाया जाता है। इसके भीतर <li> एलिमेंट का उपयोग करके प्रत्येक आइटम को निर्दिष्ट किया जाता है। निम्नलिखित उदाहरण में दिखाए गए कोड में तीन आइटम हैं जो आदेशित सूची के रूप में प्रदर्शित हो रहे हैं:

<ol>
  <li>पहला आइटम</li>
  <li>दूसरा आइटम</li>
  <li>तीसरा आइटम</li>
</ol>

इस कोड के अनुसार, पहला आइटम "1." के रूप में प्रदर्शित होगा, दूसरा आइटम "2." के रूप में प्रदर्शित होगा, और तीसरा आइटम "3." के रूप में प्रदर्शित होगा।

आप चाहें तो इसे CSS के माध्यम से स्टाइल भी दे सकते हैं, जैसे कि सूची के पहले आइटम के पहले अक्षर को बोल्ड करना इत्यादि।

Unordered List (अद्यतित सूची):

HTML में अद्यतित सूची (Unordered List) को <ul> एलिमेंट का उपयोग करके बनाया जाता है। इसके भीतर <li> एलिमेंट का उपयोग करके प्रत्येक आइटम को निर्दिष्ट किया जाता है। निम्नलिखित उदाहरण में दिखाए गए कोड में तीन आइटम हैं जो अद्यतित सूची के रूप में प्रदर्शित हो रहे हैं:

<ul>
  <li>पहला आइटम</li>
  <li>दूसरा आइटम</li>
  <li>तीसरा आइटम</li>
</ul>

इस कोड के अनुसार, प्रत्येक आइटम बुलेट चिह्न के रूप में प्रदर्शित होगा। आप चाहें तो इसे CSS के माध्यम से स्टाइल भी दे सकते हैं, जैसे कि बुलेट चिह्न को बदलना, सूची को आइकनों से सुसज्जित करना इत्यादि।

Definition List (संज्ञानुक्रमित सूची):

HTML में संज्ञानुक्रमित सूची (Definition List) को <dl> एलिमेंट का उपयोग करके बनाया जाता है। इसके भीतर <dt> एलिमेंट का उपयोग करके शब्द के शीर्षक (term) को निर्दिष्ट किया जाता है और <dd> एलिमेंट का उपयोग करके परिभाषा (definition) को निर्दिष्ट किया जाता है। निम्नलिखित उदाहरण में दिखाए गए कोड में तीन आइटम हैं जो संज्ञानुक्रमित सूची के रूप में प्रदर्शित हो रहे हैं:

<dl>
  <dt>शब्द 1</dt>
  <dd>शब्द 1 की परिभाषा</dd>
  <dt>शब्द 2</dt>
  <dd>शब्द 2 की परिभाषा</dd>
</dl>

इस कोड के अनुसार, प्रत्येक आइटम में शब्द का शीर्षक (<dt>) और शब्द की परिभाषा (<dd>) प्रदर्शित होगी।

आप चाहें तो इसे CSS के माध्यम से स्टाइल भी दे सकते हैं, जैसे कि शीर्षक को बोल्ड करना, परिभाषा को अलग रंग देना इत्यादि।