HTML में “लिस्ट” (List) का मतलब एक अनुक्रमित या अनुक्रमहीन (ordered or unordered) वस्तुओं का समूह होता है। यह टैग्स का उपयोग करके हम किसी भी जानकारी को सूची के रूप में प्रस्तुत कर सकते हैं, जैसे कि बुलेट पॉइंट्स, नंबरिंग, या अन्य प्रकार की सूचियाँ। HTML में मुख्य रूप से तीन प्रकार की सूचियाँ होती हैं:
1. अनुक्रमहीन सूची (Unordered List)
यह सूची किसी विशेष क्रम में नहीं होती है। इसमें हर आइटम को बुलेट पॉइंट्स के रूप में दर्शाया जाता है।
उदाहरण:
<!DOCTYPE html>
<html lang=”hi”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>अनुक्रमहीन सूची उदाहरण</title>
</head>
<body>
<h2>मेरे पसंदीदा फल</h2>
<ul>
<li>सेब</li>
<li>केला</li>
<li>आम</li>
</ul>
</body>
</html>
<ul>(unordered list) टैग का उपयोग सूची बनाने के लिए किया जाता है।<li>(list item) टैग सूची के प्रत्येक आइटम को दर्शाता है।
आउटपुट:
- सेब
- केला
- आम
2. अनुक्रमित सूची (Ordered List)
यह सूची एक क्रम में होती है, यानी इसके आइटम्स को नंबर या अंकों के साथ प्रदर्शित किया जाता है।
उदाहरण:
<!DOCTYPE html>
<html lang=”hi”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>अनुक्रमित सूची उदाहरण</title>
</head>
<body>
<h2>मेरे पसंदीदा खेल</h2>
<ol>
<li>फुटबॉल</li>
<li>क्रिकेट</li>
<li>बैडमिंटन</li>
</ol>
</body>
</html>
<ol>(ordered list) टैग का उपयोग अनुक्रमित सूची बनाने के लिए किया जाता है।<li>(list item) टैग प्रत्येक आइटम को दर्शाता है।
आउटपुट:
- फुटबॉल
- क्रिकेट
- बैडमिंटन
3. डिस्क्रिप्शन सूची (Description List)
यह सूची किसी वस्तु और उसके विवरण को दिखाने के लिए होती है। इसमें, हर आइटम का एक शीर्षक और उसका विवरण होता है।
उदाहरण:
<!DOCTYPE html>
<html lang=”hi”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>डिस्क्रिप्शन सूची उदाहरण</title>
</head>
<body>
<h2>विभिन्न प्रकार के वाहन</h2>
<dl>
<dt>कार</dt>
<dd>यह चार पहियों वाला वाहन है जो लोगों को एक स्थान से दूसरे स्थान पर ले जाता है।</dd>
<dt>बस</dt>
<dd>यह एक बड़े आकार का वाहन है जो अधिक लोगों को एक साथ यात्रा करने के लिए उपयोग किया जाता है।</dd>
<dt>साइकिल</dt>
<dd>यह एक दो पहियों वाला वाहन है जो पैडल द्वारा चलाया जाता है।</dd>
</dl>
</body>
</html>
<dl>(description list) टैग का उपयोग डिस्क्रिप्शन सूची बनाने के लिए किया जाता है।<dt>(description term) टैग सूची में प्रत्येक आइटम का नाम या शीर्षक दर्शाता है।<dd>(description definition) टैग उस आइटम का विवरण देता है।
आउटपुट:
- कार: यह चार पहियों वाला वाहन है जो लोगों को एक स्थान से दूसरे स्थान पर ले जाता है।
- बस: यह एक बड़े आकार का वाहन है जो अधिक लोगों को एक साथ यात्रा करने के लिए उपयोग किया जाता है।
- साइकिल: यह एक दो पहियों वाला वाहन है जो पैडल द्वारा चलाया जाता है।
संक्षेप में:
- अनुक्रमहीन सूची (Unordered List): बुलेट पॉइंट्स के साथ आइटम्स दिखाता है। (
<ul>,<li>) - अनुक्रमित सूची (Ordered List): आइटम्स को नंबर या क्रम में दिखाता है। (
<ol>,<li>) - डिस्क्रिप्शन सूची (Description List): आइटम और उनके विवरण को दिखाता है। (
<dl>,<dt>,<dd>)
इन सूचियों का उपयोग HTML में विभिन्न प्रकार की जानकारी को व्यवस्थित तरीके से प्रस्तुत करने के लिए किया जाता है।
Speak Your Mind