HTML – Ordered List or Numbered List in Hindi

  • Introduction to Ordered List/Numbered List in HTML in Hindi
Ordered ListNumbered 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>  

आउटपुट:

  1. HTML
  2. Java
  3. JavaScript
  4. 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>  

आउटपुट:

  1. HTML
  2. Java
  3. JavaScript
  4. SQL

Leave a Reply

DMCA.com Protection Status