- Introduction to Lists in HTML in Hindi
- Ordered List or Numbered Lists in HTML in Hindi
- Unordered List or Bulleted Lists in HTML in Hindi
Introduction to Lists in HTML in Hindi
HTML lists का उपयोग information की lists को specify करने के लिए किया जाता है। सभी सूचियों में एक या अधिक list elements हो सकते हैं। HTML lists के तीन अलग-अलग प्रकार हैं:
- Ordered List or Numbered List (ol)
- Unordered List or Bulleted List (ul)
- Description List or Definition List (dl)
HTML Ordered List or Numbered List
Ordered HTML सूचियों में, सभी list items डिफ़ॉल्ट रूप से संख्याओं के साथ marked हैं। इसे numbered list के रूप में भी जाना जाता है। Ordered list <ol> टैग से शुरू होती है और list item <li> टैग से शुरू होती हैं।
<ol>
<li>Aries</li>
<li>Bingo</li>
<li>Leo</li>
<li>Oracle</li>
</ol> आउटपुट:
1. Aries 2. Bingo 3. Leo 4. Oracle
HTML Unordered List or Bulleted List
HTML Unordered सूची में, सभी list items, bullets से marked हैं। इसे bulleted list के रूप में भी जाना जाता है। unordered list <ul> टैग से शुरू होती है और list item <li> टैग से शुरू होती है।
<ul>
<li>Aries</li>
<li>Bingo</li>
<li>Leo</li>
<li>Oracle</li>
</ul> आउटपुट:
- Aries
- Bingo
- Leo
- Oracle
HTML description list या definition list
HTML description list भी एक list style है जो HTML और XHTML द्वारा समर्थित है। इसे definition list के रूप में भी जाना जाता है जहाँ entries एक dictionary या encyclopedia की तरह listed होती हैं।
जब आप शब्दों की सूची या अन्य name-value सूची प्रस्तुत करना चाहते हैं तो definition list बहुत उपयुक्त है।
HTML definition list में तीन टैग निम्नलिखित हैं:
- <dl> टैग सूची की शुरुआत को परिभाषित करता है।
- <dt> टैग एक शब्द को परिभाषित करता है।
- <dd> टैग परिभाषा (विवरण) शब्द को परिभाषित करता है।
<dl>
<dt>Aries</dt>
<dd>-One of the 12 horoscope sign.</dd>
<dt>Bingo</dt>
<dd>-One of my evening snacks</dd>
<dt>Leo</dt>
<dd>-It is also an one of the 12 horoscope sign.</dd>
<dt>Oracle</dt>
<dd>-It is a multinational technology corporation.</dd>
</dl> आउटपुट:
Aries
-One of the 12 horoscope sign.
Bingo
-One of my evening snacks
Leo
-It is also an one of the 12 horoscope sign.
Oracle
-It is a multinational technology corporation.
HTML Nested List
किसी अन्य list के अंदर list को nested list कहा जाता है। यदि आप एक numbered list के अंदर bullet list चाहते हैं तो इस प्रकार की list को nested list कहा जाएगा।
कोड:
<!DOCTYPE html>
<html>
<head>
<title>Nested list</title>
</head>
<body>
<p>List of Indian States with thier capital</p>
<ol>
<li>Delhi
<ul>
<li>NewDelhi</li>
</ul>
</li>
<li>Haryana
<ul>
<li>Chandigarh</li>
</ul>
</li>
<li>Gujarat
<ul>
<li>Gandhinagar</li>
</ul>
</li>
<li>Rajasthan
<ul>
<li>Jaipur</li>
</ul>
</li>
<li>Maharashtra
<ul>
<li>Mumbai</li>
</ul>
</li>
<li>Uttarpradesh
<ul>
<li>Lucknow</li></ul>
</li>
</ol>
</body>
</html> आउटपुट:
