List Tag in Html
नमस्ते दोस्तों आज हम इस पोस्ट में जानेंगे की Html Document में List कैसे बनाई जाती है list वह होती है जो हमारे text को line by line manage करती है और हमारे Html web page को good looking और atractive बनती है html में list बनाने के लिए <li> tag का उपयोग किया जाता है <li> tag की मदद से हम किसी भी html document फाइल में list को create कर सकते है इस पोस्ट में हम <li> tag के Types और Attributes के बारे में जानेंगे | नीचे दिए गए examples का उपयोग करके आप Ordered list, Unordered list और Defination list बना सकते है।
Order List
List में नंबर जोड़ने के लिए हम Ordered list का प्रयोग करते हैं जैसे – 1, 2, 3, 4…., A, B, C, D….., a, b, c, d….., i, ii, iii……
आदि list में जोड़ सकते हैं इसे Ordered List कहते है, HTML मे यह list <ol> Tag से बनाई जाती है। इसमें दो tags Use होते हैं <ol> and <li>
Example :
<ol> <li> Apple </li> <li> Banana </li> <li> Orange </li> </ol>
Output
Type of Ordered List
Ordered List का default type decimal होता है जो number जैसा दिखाई देता हैं। Ordered List के कुछ types इस प्रकार है :
- Decimal (type=”1″)
- Upper Alpha (type=”A”)
- Lower Alpha (type=”a”)
- Upper Roman (type=”I”)
- Lower Roman (type=”i”)
Decimal (type=”1″)
Example :
<ol type="1"> <li> Apple </li> <li> Banana </li> <li> Orange </li> </ol>
Output
Upper Alpha (type=”A”)
Example :
<ol type="A"> <li> Apple </li> <li> Banana </li> <li> Orange </li> </ol>
Output
Lower Alpha (type=”a”)
Example :
<ol type="a"> <li> Apple </li> <li> Banana </li> <li> Orange </li> </ol>
Output
Upper Roman (type=”I”)
Example :
<ol type="I"> <li> Apple </li> <li> Banana </li> <li> Orange </li> </ol>
Output
Lower Roman (type=”i”)
Example :
<ol type="i"> <li> Apple </li> <li> Banana </li> <li> Orange </li> </ol>
Output
Unordered List
List में Symbol जोड़ने के लिए हम Unordered list का प्रयोग करते हैं जैसे – circle, bullets, square आदि list में जोड़ सकते हैं
इसे Unordered List कहते है, HTML मे यह list <ul> Tag से बनाई जाती है। इसमें दो tags Use होते हैं <ul> and <li>
Syntex :
<ul> <li> Apple </li> <li> Banana </li> <li> Orange </li> </ul>
Output
Type of Unordered List
Unordered List का default type disc होता है जो bullet जैसा दिखाई देता हैं। Unordered List के तीन types होते है :
- Disc / Bullets
- Circle
- Square
Disc या Bullets :– इस type का प्रयोग list में Bullets लगाने के लिए किया जाता हैं|
Example :
<ul type=”disc”> <li> Apple </li> <li> Banana </li> <li> Orange </li> </ul>
Output
Square :- Square Tag का प्रयोग list में Square लगाने के लिए किया जाता हैं|
Example :
<ul type=”square”> <li> Apple </li> <li> Banana </li> <li> Orange </li> </ul>
Output
Circle :- Circle Tag का प्रयोग list में Circle लगाने के लिए किया जाता हैं|
Example :
<ul type=”Circle”> <li> Apple </li> <li> Banana </li> <li> Orange </li> </ul>
Output
Description List
Description List एक अन्य प्रकार की List होती है जो Ordered तथा Unordered List से थोडी अलग होती है। इसे Description list कहा जाता हैं इसमें तीन टैग Use होते हैं
dl – Description list
dt – Description term
dd – Description data
Example :
<dl> <dt> HTML </dt> <dd> Hypertext Markup Language </dd> </dl>
Output
