सूचियाँ डेटा और सूचना को दर्शाने के महत्वपूर्ण तरीकों में से एक हैं जहाँ प्रत्येक रिकॉर्ड को एक पंक्ति में प्रदर्शित किया जाता है। सूची में डेटा का प्रतिनिधित्व करने के विभिन्न तरीके हैं जैसे कि ऑर्डर किए गए तरीके से, या अनियंत्रित तरीके से। मैं इस सूची में निम्नलिखित विषयों को शामिल नहीं करूंगा लेख:
- HTML में सूचियों के प्रकार
- Unordered HTML सूची
- HTML सूची का आदेश दिया गया
- HTML विवरण सूचियाँ
- HTML में नेस्टेड सूची
HTML में सूची के प्रकार
इससे पहले कि हम एक सूची बनाना शुरू करें, आइए पहले HTML टैग्स पर नज़र डालें:
-
-
- एक सूची आइटम को परिभाषित करने के लिए उपयोग किया जाता है
-
- एक वर्णन सूची में एक शब्द को परिभाषित करता है
- शब्द का वर्णन विवरण सूची में किया जाता है
आइए समझते हैं कि आप HTML में विभिन्न प्रकार की सूची कैसे बना सकते हैं।
अव्यवस्थित सूची
HTML में एक अनियंत्रित सूची को परिभाषित करने के लिए हम उपयोग करते हैं
- टैग और फिर हम मदों की सूची को परिभाषित करते हैं टैग। डिफ़ॉल्ट रूप से, वस्तुओं की सूची गोलियों (यानी छोटे काले घेरे) के साथ चिह्नित है।
खेल
- क्रिकेट
- फुटबॉल
- बेसबॉल
आउटपुट:
Unordered HTML List: विभिन्न आइटम मार्कर
आप CSS सूची-शैली-प्रकार की संपत्ति का उपयोग करके मार्करों की एक सूची से चुन सकते हैं। आइए विभिन्न सीएसएस सूची-शैली-प्रकार की संपत्ति पर नज़र डालें जिसका उपयोग आप मार्करों की विभिन्न शैली को परिभाषित करने के लिए कर सकते हैं:
- डिस्क : सूची आइटम मार्कर को बुलेट पर सेट करता है
- वृत्त : सूची आइटम मार्कर को एक सर्कल में सेट करता है
- वर्ग : सूची आइटम मार्कर को एक वर्ग में सेट करता है
- कोई नहीं : सूची आइटम को चिह्नित नहीं किया जाएगा
डिस्क:
खेल
- क्रिकेट
- फुटबॉल
- बेसबॉल
आउटपुट:
जावा में डबल पूर्णांक में परिवर्तित करें
वृत्त:
खेल
- क्रिकेट
- फुटबॉल
- बेसबॉल
आउटपुट:
वर्ग:
खेल
- क्रिकेट
- फुटबॉल
- बेसबॉल
आउटपुट:
कोई नहीं:
खेल
- क्रिकेट
- फुटबॉल
- बेसबॉल
आउटपुट:
अब HTML में एक अनियंत्रित सूची बनाने का तरीका समझने के बाद, आइए HTML में एक आदेशित सूची बनाने का तरीका जानें।
आदेशित सूचि
HTML में एक आदेशित सूची को परिभाषित करने के लिए हम उपयोग करते हैं टैग और फिर हम मदों की सूची को परिभाषित करते हैं टैग।
डिफ़ॉल्ट रूप से, मदों की सूची संख्याओं के साथ चिह्नित होती है।
खेल
- क्रिकेट
- फुटबॉल
- बेसबॉल
आउटपुट:
अब आइए कुछ सूचीबद्ध सूचियों के वेरिएंट को देखें।
आदेशित HTML सूची - टाइप विशेषता
ऑर्डर की गई सूची के लिए विभिन्न प्रकार के आइटम मार्कर हैं:
टाइप = ”1 ″ सूची आइटम नंबर (डिफ़ॉल्ट) के साथ क्रमांकित किए जाएंगे
प्रकार = 'ए' सूची आइटम अपरकेस अक्षरों के साथ गिने जाएंगे
प्रकार = 'ए' सूची आइटम को लोअरकेस अक्षरों के साथ गिना जाएगा
प्रकार = 'मैं' सूची आइटम को अपरकेस रोमन नंबर के साथ क्रमांकित किया जाएगा
प्रकार = 'मैं' सूची आइटम को लोअरकेस रोमन नंबरों के साथ गिना जाएगा
नंबर:
खेल
- क्रिकेट
- फुटबॉल
- बेसबॉल
आउटपुट:
बड़ी वर्तनी के अक्षर:
खेल
- क्रिकेट
- फुटबॉल
- बेसबॉल
आउटपुट:
छोटे अक्षर:
खेल
- क्रिकेट
- फुटबॉल
- बेसबॉल
आउटपुट:
अपरकेस रोमन नु मूर्ख s:
खेल
- क्रिकेट
- फुटबॉल
- बेसबॉल
आउटपुट:
लोअरकेस रोमन नंबर:
खेल
- क्रिकेट
- फुटबॉल
- बेसबॉल
आउटपुट:
HTML विवरण सूचियाँ
आप HTML में विवरण सूची भी बना सकते हैं। एक विवरण सूची का उपयोग शब्दों की सूची बनाने और उनमें विवरण जोड़ने के लिए किया जाता है। आप का उपयोग करके एक विवरण सूची बनाते हैं
टैग। टैग शब्द को परिभाषित करता है और
खेल
- क्रिकेट
- क्रिकेट एक बल्ले और गेंद का खेल है, जिसके केंद्र में एक मैदान पर ग्यारह खिलाड़ियों की दो टीमों के बीच खेला जाता है, जिसमें प्रत्येक छोर पर एक विकेट के साथ 20 मीटर की पिच होती है, जिसमें प्रत्येक में तीन स्टंप पर संतुलित दो बेल होते हैं।
- टेबल टेनिस
- टेबल टेनिस, जिसे पिंग-पोंग के रूप में भी जाना जाता है, एक ऐसा खेल है जिसमें दो या चार खिलाड़ी छोटे रैकेट का उपयोग करके एक हल्की गेंद को पीछे की ओर से टेबल पर मारते हैं। खेल एक शुद्ध तालिका में एक जाल से विभाजित होता है।
आउटपुट:
HTML में नेस्टेड सूची
आप HTML में नेस्टेड लिस्ट भी बना सकते हैं।
खेल
- टेबल टेनिस
- क्रिकेट
- Virat Kohli
- जो रूट
आउटपुट:
अब उपरोक्त स्निपेट्स को निष्पादित करने के बाद आप समझ गए होंगे कि HTML में सूची कैसे बनाई जाए। मुझे उम्मीद है कि यह ब्लॉग जानकारीपूर्ण है और आपके लिए मूल्य वर्धित है।
हमारी जाँच करें जो प्रशिक्षक के नेतृत्व वाले लाइव प्रशिक्षण और वास्तविक जीवन की परियोजना के अनुभव के साथ आता है। यह प्रशिक्षण आपको बैक-एंड और फ्रंट-एंड वेब तकनीकों के साथ काम करने के लिए कौशल में कुशल बनाता है। इसमें वेब डेवलपमेंट, jQuery, Angular, NodeJS, ExpressJS और MongoDB पर प्रशिक्षण शामिल है।
क्या आप हमसे कोई प्रश्न पूछना चाहते हैं? कृपया 'HTML में सूची' ब्लॉग के टिप्पणी अनुभाग में इसका उल्लेख करें और हम आपके पास वापस आ जाएंगे।