- Introduction to Ordered List/Numbered List in HTML in Hindi

Introduction to Ordered List/Numbered List in HTML
HTML Ordered list या Numbered List, numbered format में तत्व प्रदर्शित करती है। HTML में ol टैग का उपयोग ordered list के लिए किया जाता है। हम ordered list का उपयोग numerical order format या alphabetical order format या किसी भी format में कर सकते हैं। विभिन्न प्रकार की numbered list हो सकती है:
- Numeric Number (1, 2, 3)
- Capital Roman Number (I II III)
- Small Roman Number (i ii iii)
- Capital Alphabet (ABC)
- Small Alphabet (abc)
विभिन्न क्रमबद्ध सूचियों का प्रतिनिधित्व करने के लिए, <ol> टैग में 5 प्रकार के attributes हैं।
प्रकार | विवरण |
श्रेणी 1″ | यह default प्रकार है। इस प्रकार में, list items संख्याओं के साथ क्रमांकित होते हैं। |
“I” टाइप करें | इस प्रकार में, list items को upper case Roman संख्याओं के साथ order किया जाता है। |
“I” टाइप करें | इस प्रकार में, list items को Lower case roman संख्या के साथ क्रमांकित किया जाता है। |
प्रकार अ” | इस प्रकार में, list items को upper case alphabet के साथ गिना जाता हैं। |
प्रकार अ” | इस प्रकार में, list items को lower case alphabets के साथ क्रमांकित किया जाता है। |
HTML Ordered List Example
आइए HTML ordered list का उदाहरण देखें जो numbered list में 4 विषयों को प्रदर्शित करती है। यहाँ हम प्रकार = “1” को परिभाषित नहीं कर रहे हैं क्योंकि यह डिफ़ॉल्ट प्रकार है।
<ol>
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
आउटपुट:
- HTML
- Java
- JavaScript
- SQL
ol type = “I”
आइए roman number uppercase में सूची प्रदर्शित करने के लिए उदाहरण देखें।
<ol type="I">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
आउटपुट:
I. HTML II. Java III. JavaScript IV. SQL
ol type = “i”
आइए roman number lowercase में सूची प्रदर्शित करने के लिए उदाहरण देखें।
<ol type="i">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
आउटपुट:
i. HTML ii. Java iii. JavaScript iv. SQL
ol type = “A”
आइए uppercase alphabets में सूची प्रदर्शित करने के लिए उदाहरण देखें।
<ol type="A">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
आउटपुट:
A. HTML B. Java C. JavaScript D. SQL
ol type = “a”
आइए lowercase alphabets में सूची प्रदर्शित करने के लिए उदाहरण देखें।
<ol type="a">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
आउटपुट:
a. HTML b. Java c. JavaScript d. SQL
Start attribute
List item प्रारंभ करने के लिए start attribute का उपयोग ol टैग के साथ किया जाता है।
<ol type = “1” start = “5”> : यह “5” से शुरू होने वाले numeric values दिखाएगा।
<ol type = “A” start = “5”> : यह “E” से शुरू होने वाले capital alphabets को दिखाएगा।
<ol type = “a” start = “5”> : यह lowercase alphabets को “e” से शुरू करके दिखाएगा।
<ol type = “I” start = “5”> : यह roman uppercase value को “V” से शुरू करके दिखाएगा।
<ol type = “i” start = “5”> : यह roman lowercase value को “v” से शुरू करके दिखाएगा।
<ol type="i" start="5">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
आउटपुट:
v. HTML vi. Java vii. JavaScript viii. SQL
Reversed Attribute:
यह HTML <ol> टैग की Boolean attribute है, और यह HTML5 version में नया है। यदि आप tag के साथ reversed विशेषता का उपयोग करेंगे तब यह सूची को घटते क्रम में (7, 6, 5, 4 …… 1) में लिखेगा।
उदाहरण:
<ol reversed>
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
आउटपुट:
- HTML
- Java
- JavaScript
- SQL