Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML में अनऑर्डर्ड लिस्ट (अक्रमिक सूची) कैसे जोड़ें?

HTML में बुलेट पॉइंट्स वाली अनऑर्डर्ड लिस्ट (क्रम रहित सूची) बनाने के लिए <ul> टैग का उपयोग किया जाता है। प्रत्येक सूची आइटम के लिए <li> टैग का उपयोग करें।

विशेषताएँ (निरस्त)

विशेषता मान विवरण
type disc, circle, square निरस्त - बुलेट की शैली निर्दिष्ट करता है। CSS list-style-type का उपयोग करें।
compact compact निरस्त - कॉम्पैक्ट रेंडरिंग परिभाषित करता है। CSS का उपयोग करें।

उदाहरण

निम्नलिखित कोड HTML में अनऑर्डर्ड लिस्ट बनाने का तरीका दर्शाता है:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML ul Tag</title>
  </head>
  <body>
    <p>देश</p>
    <ul>
      <li>भारत</li>
      <li>अमेरिका</li>
      <li>यूके</li>
      <li>ऑस्ट्रेलिया</li>
      <li>बांग्लादेश</li>
    </ul>
  </body>
</html>

CSS से बुलेट शैली बदलना

<ul style="list-style-type: square;">
  <li>वर्ग बुलेट</li>
</ul>

<ul style="list-style-type: circle;">
  <li>गोल बुलेट</li>
</ul>

<ul style="list-style-image: url('bullet.png');">
  <li>कस्टम इमेज बुलेट</li>
</ul>

नेस्टेड लिस्ट (सूची के अंदर सूची)

<ul>
  <li>प्रोग्रामिंग भाषाएँ
    <ul>
      <li>Java</li>
      <li>Python</li>
      <li>JavaScript</li>
    </ul>
  </li>
  <li>डेटाबेस
    <ul>
      <li>MySQL</li>
      <li>PostgreSQL</li>
    </ul>
  </li>
</ul>
  1. HTML में स्क्वायर बुलेट्स वाली अनऑर्डर्ड लिस्ट कैसे बनाएं? HTML में स्क्वायर बुलेट्स वाली अनऑर्डर्ड लिस्ट कैसे बनाएं?

    CSS list-style-type: square अनऑर्डर्ड लिस्ट में स्क्वायर (वर्गाकार) बुलेट्स के लिए <ul> टैग पर CSS list-style-type: square उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <h1>Developed

  1. HTML में डिस्क बुलेट्स वाली अनऑर्डर्ड लिस्ट कैसे बनाएं? HTML में डिस्क बुलेट्स वाली अनऑर्डर्ड लिस्ट कैसे बनाएं?

    CSS list-style-type: disc (डिफ़ॉल्ट) अनऑर्डर्ड लिस्ट में डिस्क (भरे हुए गोले) बुलेट्स डिफ़ॉल्ट होते हैं। स्पष्ट रूप से सेट करने के लिए <ul> पर list-style-type: disc उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head&g

  1. HTML में लिस्ट एट्रिब्यूट का उपयोग कैसे करें? HTML में लिस्ट एट्रिब्यूट का उपयोग कैसे करें?

    HTML में, हम <datalist> एलिमेंट का उपयोग प्री-डिफाइंड विकल्पों की एक सूची निर्दिष्ट करने के लिए करते हैं। यह सूची एक इनपुट एलिमेंट के लिए है। list एट्रिब्यूट इस <datalist> एलिमेंट को संदर्भित करता है। HTML5 ने list एट्रिब्यूट पेश किया।list एट्रिब्यूट एक <datalist> एलिमेंट को संदर्भ