HTML Ordered Lists
In this page:
<ol type="1" start="number">
<li>Item</li>
<li>Item</li>
</ol>एक बुनियादी Ordered List बनाना
<ol> structurally बिल्कुल <ul> जैसे ही काम करता है -- items अब भी <li> में लपेटे जाते हैं -- लेकिन ब्राउज़र स्वचालित रूप से हर item को 1, 2, 3, और आगे तक numbered करता है, जो ऐसे content के लिए आदर्श है जहां क्रम खुद कोई अर्थ रखता हो, जैसे किसी recipe के steps।
- ordered list items में कभी manually numbers टाइप न करें; ब्राउज़र को उन्हें generate करने दें ताकि items को दोबारा व्यवस्थित करना आसान बना रहे।
- Accepted attributes:
- type — 1 | a | A | i | I
- start — integer
- reversed — boolean
- li value — integer
उदाहरण: Creating a Basic Ordered List
<ol>
<li>Preheat oven</li>
<li>Mix ingredients</li>
</ol>type के साथ Numbering Style चुनना
type attribute marker style को plain numbers से बदलकर uppercase letters (A), lowercase letters (a), uppercase roman numerals (I), या lowercase roman numerals (i) कर देता है, जो आमतौर पर formal या legal-style multi-level outlines के लिए उपयोग होता है।
- एक classic formal outline (I, A, 1, a) structure बनाने के लिए nested ordered lists में अलग-अलग type values combine करें।
- Accepted values:
- 1 — decimal (default)
- a — lowercase letters
- A — uppercase letters
- i — lowercase Roman numerals
- I — uppercase Roman numerals
उदाहरण: Choosing a Numbering Style with type
<ol type="I">
<li>First section</li>
<li>Second section</li>
</ol>start से Custom Number से शुरू करना
start attribute default 1 के बजाय उस number को सेट करता है जिससे list count करना शुरू करती है, जो किसी ऐसी numbered sequence को जारी रखने के लिए उपयोगी है जिसे किसी अन्य content ने बीच में रोक दिया हो, जैसे step 3 और step 4 के बीच explanation का एक paragraph।
- दो अलग ol blocks के बीच explanatory content insert करने के बाद एक numbered sequence resume करने के लिए start का उपयोग करें।
- Accepted values:
- start — integer, zero या negative भी हो सकता है
- सिर्फ ol पर लागू होता है
उदाहरण: Starting from a Custom Number with start
<ol start="4">
<li>Step four</li>
<li>Step five</li>
</ol>reversed से उल्टे क्रम में Count करना
reversed attribute ब्राउज़र को ऊपर की बजाय नीचे count कराता है, पहले सबसे बड़ा number दिखाता हुआ और 1 तक नीचे आता हुआ, जो countdowns, कम से ज़्यादा महत्व के क्रम में दिखाई गई top-10 style rankings, या leaderboard displays के लिए एक स्वाभाविक fit है।
- counting direction और countdown किस exact number से शुरू हो, दोनों को control करने के लिए reversed को start के साथ combine करें।
- Accepted values:
- reversed — boolean attribute
- item count से 1 (या start) तक count करता है
उदाहरण: Counting Down with reversed
<ol reversed>
<li>Third</li>
<li>Second</li>
<li>First</li>
</ol>value से किसी एक Item का Number Override करना
किसी individual <li> पर, जो <ol> के अंदर है, value attribute सिर्फ उसी item के number को override करता है, और हर बाद का item उस नई value से आगे (या पीछे, अगर reversed हो) count करना जारी रखता है, जो पूरी list को हाथ से दोबारा number किए बिना किसी हटाए गए step को skip करने के लिए उपयोगी है।
- जब कोई step जानबूझकर हटाया गया हो, तो हर बाद के number को manually दोबारा टाइप करने के बजाय sequence को आगे बढ़ाने के लिए किसी एक li पर value का उपयोग करें।
- Accepted values:
- value — ol के अंदर li पर integer
- बाद के items उस number से आगे count करते हैं
उदाहरण: Overriding a Single Item Number with value
<ol>
<li>Step one</li>
<li value="5">Step five</li>
<li>Step six</li>
</ol>Chapter Quiz — Complete all 26 topics to unlock
0/26 topics done
Complete these topics first:
- HTML Favicon
- HTML Page Title
- HTML Tables
- HTML Lists
- HTML Block & Inline
- HTML Comments
- HTML Colors
- HTML CSS
- HTML Links
- HTML Images
- HTML RGB Colors
- HTML HEX Colors
- HTML HSL Colors
- HTML Link Colors
- HTML Link Bookmarks
- HTML Background Images
- HTML Table Borders
- HTML Table Sizes
- HTML Table Headers
- HTML Table Padding & Spacing
- HTML Colspan & Rowspan
- HTML Table Styling
- HTML Table Colgroup
- HTML Unordered Lists
- HTML Ordered Lists
- HTML Other Lists / Description Lists