HTML में तीन प्रकार की लिस्ट्स होती हैं:
- अनऑर्डर्ड लिस्ट <ul>
इस लिस्ट में बुलेट्स के साथ लिस्ट आइटम्स होते हैं जिनका कोई विशिष्ट क्रम नहीं होता।
- ऑर्डर्ड लिस्ट <ol>
इस लिस्ट का उपयोग ऑर्डर्ड लिस्ट आइटम्स के लिए किया जाता है।
- डेफिनिशन लिस्ट <dl>
इस लिस्ट का उपयोग टर्म्स के लिए डेफिनिशन्स डिस्प्ले करने के लिए किया जाता है।
हम इन लिस्ट्स को नेस्ट कर सकते हैं और इच्छानुसार स्टाइल कर सकते हैं। CSS प्रॉपर्टी list-style हमें लिस्ट आइटम्स को स्टाइल करने में मदद करती है।
सिंटैक्स
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>आउटपुट
यह निम्नलिखित आउटपुट देता है:
