हेल्लो दोस्तों! html में इमेज , लिंक , attribute आदि में बारे में दिया जा चूका है आज इस पोस्ट में Lists In html in Hindi के बारे में दिया जा रहा है रो चलिए शुरू करते है।
HTML Lists का परिचय
HTML में आप किसी भी information या data को lists के रूप में represent करने के लिए किया जाता है lists के द्वारा आप अपने webpage को अच्छे ordered में बना सकते है
html से आप 3 तरह के list बना सकते है
इन सभी के बारे में निचे दिया जा रहा है
Type | Explanation | Example |
Ordered-List | ये list ordered list का form होता है जिसमे इस तरह की list को कई तरह से order कर सकते है जैसे की number(1,2,3,4),alphabets(a,b,c,d),आदि इस तरह की list में <ol> tag के द्वारा create करते है | 1.A
2.B 3.C 4.D 5.E
|
Unordered-List | इस तरह की list को <ul> tag के द्वारा represent किया जाता है इस tag का प्रयोग करने से webpage पर item bullets
की तरह show होता है |
· A
· B · C · D · E |
Definition-List | इस तरह के tag के द्वारा पहले आप एक list item define किया जाता है उसके बाद उसकी definition provide करते है इस तरह की list को आप <dl> tag के द्वारा create करते है list item declare करने के लिए <dd> tag का भी प्रयोग किया जाता है | A
First Alphabet B Second Alphabet |
Ordered List
ordered list को create करने के लिए <ol> tag का प्रयोग किया जाता है इस tag के बाद list item define करने के लिए आप <li> tag का प्रयोग करते है यही tag unordered list में भी प्रयोग किया जाता है
इसको हम एक example के द्वारा समझा जा सकता है
<html>
<head>
<title>ordered list</title>
</head>
<body>
<ol>
<li>Javed</li>
<li>Prabhat</li>
<li>Vinay</li>
<li>Umesh</li>
</ol>
</body>
</html>
Type of attribute
ordered list में <ol> tag में आप type attribute का भी प्रयोग कर सकते है जिसमे आप list को किस तरह से order करना चाहते है
जैसे यदि आप number की list में करना चाहते है तो आप type attribute की value 1 define करते है और यदि आप alphabets order में list करना चाहते है तो तो आप type attribute में value a देते है और अगर roman letter से भी list को define कर सकते है इसके लिए आप type attribute की value देते है।
इसको हम एक example से समझ सकते है
<html>
<head>
<title>type attribute</title>
</head>
<body>
<ol type=”A”>
<li>javed</li>
<li>prabhat</li>
</ol>
<ol type=”I”>
<li>vinay</li>
<li>Umesh</li>
</ol>
</body>
</html>
Note:-आप जिस type attribute में जिस value को define या value दिया जाता है वह <ol> tag के लिए प्रयोग होता है