HTML Ordered Lists

HTML द्वारा आदेशित सूचियाँ

HTML द्वारा आदेशित सूचियाँ

HTML <ol> टैग एक ऑर्डर की गई सूची को परिभाषित करता है। एक क्रमबद्ध सूची संख्यात्मक या वर्णानुक्रम में हो सकती है।

एक नियमित HTML सूची

एक नियमित सूची <ol> टैग से शुरू होती है। प्रत्येक सूची आइटम <li> टैग से शुरू होता है।

डिफ़ॉल्ट रूप से सूची आइटम क्रमांकित हैं:

उदाहरण

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

एक नियमित HTML सूची - प्रकार विशेषता

<ol> टैग का प्रकार गुण सूची तत्व मार्कर के प्रकार को परिभाषित करता है:

प्रकार व्याख्या
type="1" सूची आइटमों को संख्याओं से क्रमांकित किया गया है (डिफ़ॉल्ट)।
type="A" सूची आइटमों को बड़े अक्षरों में क्रमांकित किया गया है
type="a" सूची आइटमों को छोटे अक्षरों से क्रमांकित किया गया है
type="I" सूची आइटमों को बड़े रोमन अंकों के साथ क्रमांकित किया गया है
type="i" सूची आइटमों को छोटे रोमन अंकों से क्रमांकित किया गया है

नंबर

संख्याएँ:

<ol type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

बड़े अक्षर

बड़े अक्षर:

<ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

छोटे अक्षर

छोटे अक्षर:

<ol type="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

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

बड़े रोमन अंक:

<ol type="I">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

रोमन अंक - निचला अक्षर

छोटे रोमन अंक:

<ol type="i">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

सूची संख्या सीमित करना

डिफ़ॉल्ट रूप से, एक ऑर्डर की गई सूची की गिनती 1 से शुरू होगी। यदि आप किसी विशिष्ट संख्या से गिनती शुरू करना चाहते हैं, तो आप प्रारंभ विशेषता का उपयोग कर सकते हैं:

उदाहरण

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

नेस्टेड HTML सूचियाँ

सूचियाँ नेस्ट की जा सकती हैं (सूची के भीतर सूची):

उदाहरण

<ol>
  <li>Coffee</li>
  <li>Tea
    <ol>
      <li>Black tea</li>
      <li>Green tea</li>
    </ol>
  </li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
    1. Black tea
    2. Green tea
  3. Milk

📝नोट:

एक सूची तत्व (<li>) में नई सूची और अन्य HTML तत्व, जैसे चित्र और लिंक शामिल हो सकते हैं।

अध्याय का सारांश

अभ्यास

❓ऑर्डर की गई सूचियों की सूची के प्रकार को परिभाषित करते समय उपयोग करने के लिए सही HTML विशेषता क्या है?

list-style
✗ ग़लत! सूची-शैली एक HTML विशेषता नहीं है, यह एक CSS विशेषता है
list-type
✗ ग़लत! सूची-प्रकार मान्य HTML विशेषता नहीं है
marker-type
✗ ग़लत! मार्कर-प्रकार एक मान्य HTML विशेषता नहीं है
type
✓ ठीक है! ऑर्डर की गई सूचियों के सूची मार्कर प्रकार को परिभाषित करने के लिए प्रकार विशेषता का उपयोग किया जाता है

HTML सूची टैग

टैग व्याख्या
<ul> एक अव्यवस्थित सूची को परिभाषित करता है
<ol> एक आदेशित सूची को परिभाषित करता है
<li> एक सूची उरुपकदम को परिभाषित करती है
<dl> विवरण सूची को परिभाषित करता है
<dt> डिस्क्रिप्टर सूची में एक शब्द को परिभाषित करता है
<dd> शब्दावली में शब्द का वर्णन करता है

सभी उपलब्ध HTML टैग्स की पूरी सूची के लिए, हमारे HTML टैग संदर्भ पर जाएँ।