HTML में सूचियाँ: डेटा प्रदर्शित करने के लिए सूचियों का उपयोग करने के लिए एक मार्गदर्शिका

डेटा को व्यवस्थित और पठनीय तरीके से प्रदर्शित करने के लिए सूचियाँ HTML का एक अनिवार्य हिस्सा हैं। HTML तीन मुख्य प्रकार की सूचियाँ प्रदान करता है: अव्यवस्थित सूचियाँ, क्रमबद्ध सूचियाँ और परिभाषा सूचियाँ।

अव्यवस्थित सूचियाँ(<ul>) विशिष्ट बुलेट बिंदुओं का उपयोग करती हैं और आमतौर पर काले बिंदुओं का उपयोग करके इंडेंटेड आइटम के रूप में प्रदर्शित की जाती हैं। यह उन वस्तुओं को सूचीबद्ध करने के लिए एक लोकप्रिय विकल्प है जिनके लिए किसी विशिष्ट ऑर्डर की आवश्यकता नहीं होती है।

क्रमबद्ध सूचियाँ(<ol>) विशिष्ट क्रमांकन या वर्ण मार्करों का उपयोग करती हैं और क्रमिक रूप से क्रमबद्ध सूची के रूप में प्रदर्शित की जाती हैं। इसका उपयोग अक्सर वस्तुओं को एक विशिष्ट क्रम में सूचीबद्ध करने या उन्हें क्रमांकित करने के लिए किया जाता है।

परिभाषा सूचियाँ(<dl>) डेटा प्रदर्शित करने के लिए शब्द और विवरण जोड़े का उपयोग करती हैं। प्रत्येक जोड़ी <dt>(परिभाषा शब्द) और <dd>(परिभाषा विवरण) टैग के भीतर संलग्न है। यह विशिष्ट अवधारणाओं के लिए गुण या परिभाषाएँ प्रदर्शित करने का एक प्रभावी तरीका है।

 

अव्यवस्थित सूची( <ul>)

- <ul> तत्व का उपयोग एक अव्यवस्थित सूची बनाने के लिए किया जाता है।

- अव्यवस्थित सूची में प्रत्येक आइटम को एक <li> तत्व के भीतर रखा गया है।

- अव्यवस्थित सूचियाँ आमतौर पर बुलेट या समान वर्णों के साथ प्रदर्शित की जाती हैं।

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

 

आदेशित सूची( <ol>)

- <ol> तत्व का उपयोग ऑर्डर की गई सूची बनाने के लिए किया जाता है।

- ऑर्डर की गई सूची में प्रत्येक आइटम को एक <li> तत्व के भीतर रखा गया है।

- क्रमबद्ध सूचियाँ आम तौर पर संख्याओं या वर्णमाला वर्णों के साथ प्रदर्शित की जाती हैं।

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

 

परिभाषा सूची( <dl>)

- <dl> तत्व का उपयोग परिभाषा सूची बनाने के लिए किया जाता है।

- परिभाषा सूची में प्रत्येक आइटम में <dt>(परिभाषा शब्द) और <dd>(परिभाषा विवरण) टैग की एक जोड़ी होती है।

- <dt> टैग में परिभाषित कीवर्ड या विशेषता शामिल होती है, जबकि <dd> टैग में उस कीवर्ड या विशेषता का विवरण या स्पष्टीकरण होता है।

<dl>  
  <dt>Keyword 1</dt>  
  <dd>Description for Keyword 1</dd>  
  <dt>Keyword 2</dt>  
  <dd>Description for Keyword 2</dd>  
</dl>  

 

सूची प्रकार विशेषता( <ul> और <ol>)

- प्रकार विशेषता का उपयोग किसी आदेशित सूची की क्रमांकन शैली को निर्दिष्ट करने के लिए किया जाता है।

- प्रकार विशेषता का मान "1"(संख्याएं), "ए"(अपरकेस अक्षर), "ए"(लोअरकेस अक्षर), "आई"(अपरकेस रोमन अंक), या "आई"(लोअरकेस रोमन अंक) हो सकता है। .

<ol type="A">  
  <li>Item 1</li>  
  <li>Item 2</li>  
  <li>Item 3</li>  
</ol>  

 

प्रारंभ विशेषता( <ol>)

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

- प्रारंभ विशेषता का मान एक धनात्मक पूर्णांक है।

<ol start="5">  
  <li>Item 5</li>  
  <li>Item 6</li>  
  <li>Item 7</li>  
</ol>  

 

उलटा गुण( <ol>)

- उलटी विशेषता का उपयोग ऑर्डर की गई सूची को उल्टे क्रम में प्रदर्शित करने के लिए किया जाता है।

- जब उलटी विशेषता लागू की जाती है, तो क्रमांकन अवरोही क्रम में प्रदर्शित किया जाएगा।

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

 

ये विशेषताएँ और तत्व आपको अपनी आवश्यकताओं के अनुसार HTML में सूचियाँ बनाने और अनुकूलित करने की अनुमति देते हैं। आप अपनी वेबसाइट पर डेटा को स्पष्ट और व्यवस्थित तरीके से प्रदर्शित करने के लिए उनका उपयोग कर सकते हैं।