List Tag in HTML in Hindi – हिंदी में जानकारी

List Tag in HTML in Hindi: आज हम HTML list in Hindi के इस lesson में HTML list के बारे में सीखेंगे | आप इस Tutorial के जरिये Dirrent types of HTML list के बारे मे जानेगे |

दोस्तों सबसे पहले हम जानेंगे कि List Tag in HTML क्या है l

List Tag in HTML क्या है

HTML में, सूची टैग का उपयोग सूचियाँ बनाने के लिए किया जाता है। सूचियाँ दो प्रकार की होती हैं: क्रमित सूचियाँ (ordered lists) और अनुक्रमित सूचियाँ (unordered lists)।

क्रमित सूचियाँ (ordered lists) में आइटम संख्याओं या अक्षरों के साथ क्रमित होते हैं। क्रमित सूचियाँ बनाने के लिए, <ol> टैग का उपयोग किया जाता है। प्रत्येक आइटम के लिए, <li> टैग का उपयोग किया जाता है।

HTML सूची का परिचय

HTML में, सूची तैयार करने के लिए हम <ul>, <ol>, और <li> जैसे टैग्स का उपयोग करते हैं। इन टैग्स का संयोजन करके, हम विभिन्न प्रकार की सूचियों को बना सकते हैं जो आपके वेब पृष्ठों को आकर्षित और संरचित बनाती हैं।

HTML में List Tag (सूची टैग)

HTML में सूची बनाने के लिए दो प्रमुख टैग का उपयोग किया जाता है:

1. Ordered List (क्रमबद्ध सूची):

• यह सूची में आइटम को संख्यात्मक या वर्णमाला के क्रम में प्रदर्शित करता है।
• <ol> टैग का उपयोग करके बनाई जाती है।
• प्रत्येक आइटम <li> टैग के अंदर लिखा जाता है।

उदाहरण:

HTML

<ol>
  <li>आपका पहला आइटम</li>
  <li>आपका दूसरा आइटम</li>
  <li>आपका तीसरा आइटम</li>
</ol>

Use code with caution.

आउटपुट:

1. आपका पहला आइटम
2. आपका दूसरा आइटम
3. आपका तीसरा आइटम

2. Unordered List (अक्रमबद्ध सूची):

• यह सूची में आइटम को किसी भी क्रम में प्रदर्शित करता है।
• <ul> टैग का उपयोग करके बनाई जाती है।
• प्रत्येक आइटम <li> टैग के अंदर लिखा जाता है।

उदाहरण:

HTML

<ul>
  <li>आपका पहला आइटम</li>
  <li>आपका दूसरा आइटम</li>
  <li>आपका तीसरा आइटम</li>
</ul>

Use code with caution.

आउटपुट:

• आपका पहला आइटम
• आपका दूसरा आइटम
• आपका तीसरा आइटम

List Item (सूची आइटम):

• <li> टैग का उपयोग प्रत्येक सूची आइटम को परिभाषित करने के लिए किया जाता है।
• यह <ol> या <ul> टैग के अंदर उपयोग किया जाता है।

सूची के प्रकार:

• न्यूमेरिकल सूची:<ol> टैग के साथ type एट्रिब्यूट का उपयोग करके संख्यात्मक सूची बना सकते हैं।
  • type="1": अरबी अंकों का उपयोग करता है (डिफ़ॉल्ट)।
  • type="A": बड़े अक्षरों का उपयोग करता है।
  • type="a": छोटे अक्षरों का उपयोग करता है।
  • type="I": बड़े रोमन अंकों का उपयोग करता है।
  • type="i": छोटे रोमन अंकों का उपयोग करता है।
• अल्फाबेटिकल सूची:<ol> टैग के साथ type एट्रिब्यूट का उपयोग करके वर्णमाला सूची बना सकते हैं।
  • type="A": बड़े अक्षरों का उपयोग करता है।
  • type="a": छोटे अक्षरों का उपयोग करता है।
• मार्कर सूची:<ul> टैग के साथ type एट्रिब्यूट का उपयोग करके मार्कर सूची बना सकते हैं।
  • type="disc": डिस्क मार्कर का उपयोग करता है (डिफ़ॉल्ट)।
  • type="circle": सर्कल मार्कर का उपयोग करता है।
  • type="square": स्क्वायर मार्कर का उपयोग करता है।

सूची के उपयोग:

• सूची का उपयोग किसी भी प्रकार के डेटा को क्रमबद्ध या अक्रमबद्ध रूप में प्रदर्शित करने के लिए किया जा सकता है।
• उदाहरण के लिए, आप एक वेबसाइट के मेनू, टिप्स, या स्टेप-बाय-स्टेप निर्देशों को सूची के रूप में प्रदर्शित कर सकते हैं।

सूची के साथ काम करते समय ध्यान देने योग्य बातें:

• सूची के अंदर केवल <li> टैग का उपयोग करें।
• सूची के अंदर अन्य टैग जैसे <p>, <div>, आदि का उपयोग कर सकते हैं।
• सूची के अंदर एक दूसरे सूची बना सकते हैं।
• सूची के साथ CSS का उपयोग करके सूची के स्टाइलिंग कर सकते हैं।

HTML में सूची का उपयोग करके आप अपने वेबसाइट को अधिक व्यवस्थित और पठनीय बना सकते हैं।

1. <ul> टैग (Unordered List)

<ul> टैग एक अक्रमिक सूची बनाता है, जिसे बुलेटेड सूची भी कहा जाता है। प्रत्येक सूची आइटम को <li> टैग के साथ परिभाषित किया जाता है।

उदाहरण:

HTML

<ul>
  <li>पहला</li>
  <li>दूसरा</li>
  <li>तीसरा</li>
</ul>

यह निम्नलिखित सूची का उत्पादन करेगा

* पहला
* दूसरा
* तीसरा

2. <ol> टैग (Ordered List)

<ol> टैग एक क्रमबद्ध सूची बनाता है, जिसे नंबर्ड सूची भी कहा जाता है। प्रत्येक सूची आइटम को <li> टैग के साथ परिभाषित किया जाता है।

उदाहरण

HTML

<ol>
  <li>पहला</li>
  <li>दूसरा</li>
  <li>तीसरा</li>
</ol>

यह निम्नलिखित सूची का उत्पादन करेगा

1. पहला
2. दूसरा
3. तीसरा

3. <li> टैग (List Item)

<li> टैग एक सूची आइटम को परिभाषित करता है।

उदाहरण

HTML

<ul>
  <li>पहला</li>
  <li>दूसरा</li>
  <li>तीसरा</li>
</ul>

यह निम्नलिखित सूची का उत्पादन करेगा

* पहला
* दूसरा
* तीसरा

गुणवत्ता सूची

आप <ul> और <ol> को मिलाकर एक संयोजित सूची बना सकते हैं, जिसे गुणवत्ता सूची कहा जाता है। इससे आप आपकी सूची को और भी संरचित बना सकते हैं।

उदाहरण

HTML

<ol>
  <li>पहला</li>
  <li>दूसरा</li>
  <ul>
    <li>गुणवत्ता 1</li>
    <li>गुणवत्ता 2</li>
  </ul>
  <li>तीसरा</li>
</ol>

यह निम्नलिखित सूची का उत्पादन करेगा

1. पहला
2. दूसरा
  * गुणवत्ता 1
  * गुणवत्ता 2
3. तीसरा

HTML List बनाने के लिए Use होने वाले HTML Elements के नाम और उपयोग

1. <ul> (Unordered List)

• उपयोग: अनुक्रमित सूची बनाने के लिए।
• संरचना:

HTML

<ul>
  <li>List Item 1</li>
  <li>List Item 2</li>
  <li>List Item 3</li>
</ul>

उदाहरण:

HTML

<ul>
  <li>फ्रूट</li>
  <li>वेजीटेबल्स</li>
  <li>मीट</li>
</ul>

2. <ol> (Ordered List)

• उपयोग: क्रमित सूची बनाने के लिए।
• संरचना:

HTML

<ol>
  <li>List Item 1</li>
  <li>List Item 2</li>
  <li>List Item 3</li>
</ol>

उदाहरण:

HTML

<ol>
  <li>1. Apple</li>
  <li>2. Banana</li>
  <li>3. Orange</li>
</ol>

3. <li> (List Item)

• उपयोग: सूची के प्रत्येक आइटम को परिभाषित करने के लिए।
• संरचना:

HTML

<li>List Item Content</li>

उदाहरण:

HTML

<ul>
  <li>Fruits</li>
  <li>Vegetables</li>
  <li>Meat</li>
</ul>

• उपयोग: विवरण सूची बनाने के लिए।
• संरचना:

HTML

4. <dl>, <dt>, <dd> (Description List)

<dl>
  <dt>Term 1</dt>
  <dd>Definition 1</dd>
  <dt>Term 2</dt>
  <dd>Definition 2</dd>
</dl>

उदाहरण:

HTML

<dl>
  <dt>Fruits</dt>
  <dd>Sweet and fleshy products of plants, typically having seeds and growing in a protective covering.</dd>
  <dt>Vegetables</dt>
  <dd>Plants or parts of plants used as food, typically as a main course.</dd>
  <dt>Meat</dt>
  <dd>The flesh of an animal, especially a mammal or bird, used as food.</dd>
</dl>

HTML List के प्रकार – Types of HTML List

HTML में तीन प्रकार की सूचियाँ होती हैं:

• अनुक्रमित सूची (Unordered List)
• क्रमित सूची (Ordered List)
• गुणवत्ता सूची (Description List)

अनुक्रमित सूची (Unordered List)

अनुक्रमित सूची में आइटम्स को कोई निश्चित क्रम नहीं दिया जाता है। इनमें आमतौर पर बुलेट (bullet) का उपयोग किया जाता है।

उपयोग:

• किसी चीज़ की सूची बनाने के लिए, जैसे कि सब्जियों की सूची, या देशों की सूची।
• किसी चीज़ के विकल्पों की सूची बनाने के लिए, जैसे कि रंगों की सूची, या आकारों की सूची।

उदाहरण:

HTML

<ul>
  <li>आम</li>
  <li>केला</li>
  <li>सेब</li>
</ul>

परिणाम:

* आम
* केला
* सेब

क्रमित सूची (Ordered List)

क्रमित सूची में आइटम्स को एक निश्चित क्रम में दिया जाता है। इनमें आमतौर पर संख्याओं, अक्षरों, या रोमन अंकों का उपयोग किया जाता है।

उपयोग:

• किसी चीज़ के क्रम को दिखाने के लिए, जैसे कि कदमों की सूची, या निर्देशों की सूची।
• किसी चीज़ की श्रेणियों को दिखाने के लिए, जैसे कि इतिहास की अवधियों की सूची, या देशों के समूहों की सूची।

उदाहरण:

HTML

<ol>
  <li>पहला</li>
  <li>दूसरा</li>
  <li>तीसरा</li>
</ol>

परिणाम:

1. पहला
2. दूसरा
3. तीसरा

गुणवत्ता सूची (Description List)

गुणवत्ता सूची में दो प्रकार के आइटम होते हैं: विवरण (Term) और विवरण (Description)। विवरण सूची के शीर्षक के रूप में कार्य करता है, और विवरण उस शीर्षक का वर्णन करता है।

उपयोग:

• किसी चीज़ के बारे में जानकारी प्रदान करने के लिए, जैसे कि किसी उत्पाद की विशेषताओं की सूची, या किसी स्थान के बारे में जानकारी की सूची।

उदाहरण:

HTML

<dl>
  <dt>फल</dt>
  <dd>एक मीठा और रसदार फल होता है।</dd>
  <dt>सब्जियाँ</dt>
  <dd>एक पौधे का वह भाग होता है जिसका उपयोग भोजन के रूप में किया जाता है।</dd>
</dl>

परिणाम:

फल : एक मीठा और रसदार फल होता है। सब्जियाँ : एक पौधे का वह भाग होता है जिसका उपयोग भोजन के रूप में किया जाता है।

HTML सूचियों का उपयोग वेब पेज को अधिक संरचित और सुव्यवस्थित बनाने के लिए किया जा सकता है। वे उपयोगकर्ताओं को जानकारी को आसानी से समझने और खोजने में मदद कर सकते हैं।

Unordered List in Hindi Language

HTML में अनुक्रमित सूची

HTML में, अनुक्रमित सूची बनाने के लिए

• (List Item) टैग का उपयोग करें।
  उदाहरण: HTML
  • आइटम 1
  • आइटम 2
  • आइटम 3
  Use code with caution. Learn more
  आउटपुट:
  • आइटम 1
  • आइटम 2
  • आइटम 3
    विकल्प:
  • टैग के लिए style एट्रिब्यूट का उपयोग करके सूची के आइटम की शैली को बदला जा सकता है।
    उदाहरण: HTML
    • आइटम 1आइटम 2आइटम 3
    Use code with caution. Learn more
    आउटपुट: [ ] आइटम 1
    [ ] आइटम 2
    [ ] आइटम 3
    HTML में अनुक्रमित सूची का उपयोग करके, आप अपने वेब पेज पर जानकारी को एक सरल और प्रभावी तरीके से प्रस्तुत कर सकते हैं।

list tag कितने प्रकार के होती है

, HTML में List तीन तरह के होते हैं:

• Ordered List (ol): इस प्रकार की सूची में आइटम्स को क्रमबद्ध (क्रमिक) रूप में प्रदर्शित किया जाता है। आइटम्स को क्रमांकित (1, 2, 3, …) या अंग्रेजी अक्षरों से क्रमबद्ध (a, b, c, …) किया जा सकता है।
• Unordered List (ul): इस प्रकार की सूची में आइटम्स को बिना किसी क्रम के प्रदर्शित किया जाता है। आइटम्स को आमतौर पर बुलेट (•) या अन्य प्रतीकों के साथ प्रदर्शित किया जाता है।
• Description List (dl): इस प्रकार की सूची में प्रत्येक आइटम में एक शब्द या वाक्यांश (term) और उसकी परिभाषा (definition) होती है। शब्द या वाक्यांश को <dt> टैग से परिभाषित किया जाता है और परिभाषा को <dd> टैग से परिभाषित किया जाता है।

इन तीनों प्रकार की सूचियों को बनाने के लिए <ul>, <ol> और <dl> टैग का उपयोग किया जाता है।

उदाहरण के लिए, निम्नलिखित कोड एक Ordered List बनाता है:

HTML

<ol>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>

और निम्नलिखित कोड एक Unordered List बनाता है:

HTML

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

और निम्नलिखित कोड एक Description List बनाता है:

HTML

<dl>
  <dt>Term 1</dt>
  <dd>Definition 1</dd>
  <dt>Term 2</dt>
  <dd>Definition 2</dd>
  <dt>Term 3</dt>
  <dd>Definition 3</dd>
</dl>

HTML List का उपयोग वेब पेज को अधिक सुसंगत और व्यवस्थित बनाने के लिए किया जा सकता है।

निष्कर्ष

दोस्तों आज हमने जाना की List Tag in HTML in Hindi मैंने आपको बहुत ही अच्छी तरीके से समझाया है List Tag in HTML के प्रकार अगर आपको आर्टिकल अच्छा लगा हो तो अपने दोस्तों के साथ जरूर शेयर करना l

FAQ – List Tag in HTML in Hindi?