HTML में सूचियाँ तीन प्रकार की होती हैं -
- अनियंत्रित सूची
इस सूची में बिना किसी विशिष्ट क्रम के बुलेट सूची आइटम हैं।
- आदेशित सूची
इस सूची का उपयोग आदेशित सूची मदों के लिए किया जाता है
- परिभाषा सूची
इस सूची का उपयोग शब्दों की परिभाषाओं को प्रदर्शित करने के लिए किया जाता है।
हम इन सूचियों को नेस्ट कर सकते हैं और उन्हें इच्छानुसार स्टाइल कर सकते हैं। CSS संपत्ति सूची-शैली हमें सूची आइटम को स्टाइल करने में मदद करती है।
सिंटैक्स
HTML सूचियों का सिंटैक्स इस प्रकार है -
<type of list> <li></li> </type of list>
निम्नलिखित उदाहरण HTML सूचियों को स्पष्ट करते हैं -
उदाहरण
<!DOCTYPE html> <html> <head> <style> ul { background-color: papayawhip; list-style-type: square; font-style: italic; } ol { background-color: azure; } </style> </head> <body> <ol> <li>demo1</li> <li> demo 2 <ul> <li>demo a</li> <li>demo b</li> </ul> </li> <li>demo 3</li> </ol> </body> </html>
आउटपुट
यह निम्न आउटपुट देता है -
उदाहरण
<!DOCTYPE html> <html> <head> <style> dt { font-weight: bold; font-style: italic; } dd { border: thin dotted; } </style> </head> <body> <h2>Programming Languages and Databases</h2> <dl> <dt>Java</dt> <dd>A programming language developed by James Gosling.</dd> <dt>C++</dt> <dd>A programming language developed by Bjarne Stroustrup.</dd> <dt>MySQL</dt> <dd>MySQL is an open-source relational database management system.</dd> </dl> </body> </html>
आउटपुट
यह निम्न आउटपुट देता है -