HTML List (सूचियाँ)


HTML List क्या है?

HTML में List (सूचियाँ) का उपयोग किसी Content या Item को क्रमबद्ध (Ordered) या बिना क्रम के (Unordered) तरीके से Display करने के लिए किया जाता है।

👉 List Web Page को Organized और Readable बनाती है।


HTML List के प्रकार

HTML में मुख्यतः 3 प्रकार की List होती हैं:

  1. Ordered List (<ol>)

    • यह क्रमबद्ध List होती है।

    • Items Numbered होते हैं (1, 2, 3...)।

  2. Unordered List (<ul>)

    • यह बिना क्रम की List होती है।

    • Items Bullet Points के साथ दिखाई देते हैं।

  3. Description List (<dl>)

    • यह List किसी Item के Description के लिए होती है।

    • इसमें <dt> (Term) और <dd> (Description) टैग्स होते हैं।


HTML List का Syntax

1. Ordered List (<ol>)

<ol>
  <li>पहला Item</li>
  <li>दूसरा Item</li>
  <li>तीसरा Item</li>
</ol>

2. Unordered List (<ul>)

<ul>
  <li>Apple</li>
  <li>Banana</li>
  <li>Mango</li>
</ul>

3. Description List (<dl>)

<dl>
  <dt>HTML</dt>
  <dd>Web Pages बनाने की भाषा</dd>
  
  <dt>CSS</dt>
  <dd>Web Pages को Style देने के लिए</dd>
</dl>


HTML List Example Program

<!DOCTYPE html>
<html>
<head>
    <title>HTML List Example</title>
</head>
<body>
    <h2>Ordered List Example</h2>
    <ol>
        <li>पहला Item</li>
        <li>दूसरा Item</li>
        <li>तीसरा Item</li>
    </ol>
    
    <h2>Unordered List Example</h2>
    <ul>
        <li>Apple</li>
        <li>Banana</li>
        <li>Mango</li>
    </ul>
    
    <h2>Description List Example</h2>
    <dl>
        <dt>HTML</dt>
        <dd>Web Pages बनाने की भाषा</dd>
        
        <dt>CSS</dt>
        <dd>Web Pages को Style देने के लिए</dd>
    </dl>
</body>
</html>


आउटपुट:

  1. Ordered List → 1, 2, 3 नंबरिंग के साथ दिखाई देगी

  2. Unordered List → Bullet Points के साथ दिखाई देगी

  3. Description List → Term और Description के रूप में दिखाई देगी

HTML LIST TAG


HTML List के Attributes

  1. type → <ol> के लिए Numbering Type (1, A, a, I, i)

  2. start → <ol> में शुरूआत का नंबर

  3. reversed → <ol> को उल्टी क्रम में दिखाना

  4. compact → List को Compact दिखाने के लिए (deprecated)


HTML List का उपयोग कहाँ होता है?

  1. Menu Items बनाने में

  2. Features या Steps Display करने में

  3. Blogs में Points या Tips देने के लिए

  4. Terms और Description दिखाने के लिए