ordered list and unordered list in html in hindi

आज कि पोस्ट मे हम आप को बताऐगे ordered list and unordered लिस्ट क्या होती है और इस को हम कैसे बनाते है साथ मे जानेगे कि ordered list और unordered लिस्ट कितनी प्रकार कि होती है

ordered list

ordered list मे हमे सभी आइटम क्रमबद्ध सूची मे दिखाई देते है इस मे नंबर आदी लिखने कि जरुरत नही होती यह स्वंम आइटम के क्रमबद्ध सूची मे दिखाते है order लिस्ट को हम numbers,Capital Letters,Small Letters, Roman Numerals,Small Roman Numerals मे दिखा सकते है यदी हम by default लिस्ट नही बनाना चाहाते तो हमे हमे type attribute का प्रयोग करना होता है और इस मे बताना होता है कि हमे किस type कि लिस्ट बनानी है चलिए practical कर के जानते है कौन सी लिस्ट कैसे बनेगी

By Dafult ordered list

            <ol>
              <li>Roahan</li>
              <li>Tinku</li>
              <li>Rahun</li>
              <li>Ankur</li>
              <li>Pankaj</li>
            </ol>

Output order list output

Uppercase Alphabetic list

Uppercase Alphabetic लिस्ट बनाने के लिए हम type attribute का प्रयोग करते है और इस कि value मे A डालते है इस लिस्ट मे हमे सभी item क्रमबद्ध बडी ABCD मे दिखाई देते है

Uppercase Alphabetic list

            <ol type="A">
              <li>Roahan</li>
              <li>Tinku</li>
              <li>Rahun</li>
              <li>Ankur</li>
              <li>Pankaj</li>
            </ol>

Output Uppercase Alphabetic list output

Lowercase Alphabetic list

Lowercase Alphabetic लिस्ट बनाने के लिए हम type attribute का प्रयोग करते है यह भी uppercase Alphabetic लिस्ट कि तरह ही होती है इस मे हमे लिस्ट छोटी abcd मे दिखाई देती है और इस कि value मे हम छोटी abcd का a डालते है

Lowercase Alphabetic list

            <ol type="a">
              <li>Tinku</li>
              <li>Minku</li>
              <li>Sultan</li>
              <li>Suraj</li>
              <li>Rakash</li>
            </ol>

Output Lowercase Alphabetic list output

Upper Roman numbers list

Upper Roman numbers list बनाने के लिए हम type attribute का प्रयोग करते है और इस कि value मे हम बडा I देते है इस मे हमे सभी item बडे roman nubmers मे दिखाई देते है

Upper Roman numbers list

            <ol type="I">
              <li>Ankur</li>
              <li>Sankar</li>
              <li>Aryan</li>
              <li>Mukul</li>
              <li>Sonu</li>
            </ol>

Output Upper Roman numbers list output

Lowercase Roman numbers list

Lowercase Roman numbers list बनाने के लिए हम type attribute का प्रयोग करते है और इस कि value मे हम छोटा i देते है इस मे हमे सभी item छोटे roman nubmers मे दिखाई देते है

Lowercase Roman numbers list

            <ol type="i">
              <li>Ankur</li>
              <li>Sankar</li>
              <li>Aryan</li>
              <li>Mukul</li>
              <li>Sonu</li>
            </ol>

Output Lowercase Roman numbers list output

Important attribute order list

Start attribute list

Start attribute मे हम जो value देते है उस हि value से हमे item के सामने नबंर देखने को मिलते है जैसे कि हमारे पास 10 item और हम चाहाते है कि हमारा पहला item 5 नंबर से दिखाई दे तो हम value मे 5 देगे इस से हमारे item 5 से शुरु होगे और 14 तक जाऐगे

            <ol start="5">
              <li>Ankur</li>
              <li>Sankar</li>
              <li>Aryan</li>
              <li>Mukul</li>
              <li>Sonu</li>
              <li>sanju</li>
              <li>Manju</li>
              <li>Kunal</li>
              <li>parmod</li>
              <li>kamal</li>
            </ol>

Output Start attribute list output

Note - आप इस start attribute को किसी भी order list पर लगा सकते है

reserved attribute list

reserved attribute मे हमे list सबसे बडे नंबर से बननी शुरु होती है और यह सबसे छोटे नंबर तक जाती है इस मे आप जो भी पहला item देगे उस के सामने सबसे बडा नंबर दिखाई देगा और जो सबसे बाद मे item देगे उस के सामने सबसे छोटा नंबर दिखाई देगा

            <ol reversed >
              <li>Ankur</li>
              <li>Sankar</li>
              <li>Aryan</li>
              <li>Mukul</li>
              <li>Sonu</li>
            </ol>

Output reserved attribute list output

Unordered list

Unordered list भी एक प्रकार कि सुची हि होती है लेकिन इस मे कोई भी item के सामने क्रम नंबर आदी नही होते इस के सामने सिर्फ bullet होती है Unordered list मे हम तीन प्रकार के बुलेट दे सकते है चलिए जानते है सभी के बारे मे

disc list

disc list मे हमे एक गोल bullet मिलती है जो अन्दर से भी काले रंग से भरी होती है disc list unordered list कि by dafult लिस्ट होती यदी आप चाहाते है कि आप के समाने कोई भी unordered लिस्ट बने तो आप को यही मिलेगी

            <ul>
              <li>Dipansu</li>
              <li>Sonu</li>
              <li>Monu</li>
              <li>Kuldep</li>
              <li>Pankaj</li>
            </ul>

Output unorder list output

circle list

circle list के सभी item के सामने आप को गोल (circle) देखने को मिलते है इस लिस्ट को बनाने के लिए आप को type attribute देना होता है और इस कि value मे circle देना होता है

            <ul type="circle">
              <li>Roahan</li>
              <li>Tinku</li>
              <li>Rahun</li>
              <li>Ankur</li>
              <li>Pankaj</li>
            </ul>

Output unorderd circle list output

Square list

Square list के सभी item के सामने आप को चकोर (Square) देखने को मिलते है इस लिस्ट को बनाने के लिए आप को type attribute देना होता है और इस कि value मे Square देना होता है

            <ul type="Square">
              <li>Roahan</li>
              <li>Tinku</li>
              <li>Rahun</li>
              <li>Ankur</li>
              <li>Pankaj</li>
            </ul>

Output unorderd squar list output

निष्कर्ष

अब आप जान गये होगे कि order list और unordered list क्या होती है और यह कितने प्रकार कि होती है और इसे कैसे बनाया जाता है यदी आप को अब भी html लिस्ट बनाने मे कोई सम्साया आती है तो आप हमसे संपर्क कर सकते है