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

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


CSS list-style-image प्रॉपर्टी

अनऑर्डर्ड लिस्ट में डिफ़ॉल्ट बुलेट्स की जगह कस्टम इमेज लगाने के लिए CSS list-style-image प्रॉपर्टी उपयोग करें। url() में इमेज का पथ दें।

उदाहरण

<!DOCTYPE html> <html>
  <head> <title>HTML Unordered List</title> </head>
  <body>
    <h2>Tutorials</h2>
    <p>The list of tutorials:</p>
    <ul style="list-style-image: url('/theme/css/icons/image-editor.png');">
      <li>Java</li> <li>C++</li> <li>Ruby</li>
    </ul>
  </body>
</html>
  1. HTML में अपरकेस लेटर्स वाली ऑर्डर्ड लिस्ट कैसे बनाएं? HTML में अपरकेस लेटर्स वाली ऑर्डर्ड लिस्ट कैसे बनाएं?

    <ol type=A> का उपयोग ऑर्डर्ड लिस्ट में अपरकेस लेटर्स (A, B, C, D...) के लिए <ol type=A> लिखें। उदाहरण <!DOCTYPE html> <html> <head> <title>World Cup Teams</title> </head> <body> <h1>List of teams for World Cup</h1> <o

  1. HTML में बिब्लियोग्राफी (ग्रंथ सूची) कैसे बनाएं? HTML में बिब्लियोग्राफी (ग्रंथ सूची) कैसे बनाएं?

    <ol> और <cite> टैग्स का उपयोग बिब्लियोग्राफी (संदर्भ ग्रंथ सूची) बनाने के लिए <ol> से क्रमांकित सूची और <cite> से पुस्तक/कृति का शीर्षक मार्क करें। उदाहरण <!DOCTYPE html> <html> <head> <title>Bibliography</title> </head> <body>

  1. HTML के साथ डाउनलोड लिंक कैसे बनाएं? HTML के साथ डाउनलोड लिंक कैसे बनाएं?

    HTML के साथ डाउनलोड लिंक बनाने के लिए, कोड इस प्रकार है: उदाहरण <!DOCTYPE html> <html> <body> <h1>डाउनलोड लिंक उदाहरण</h1> <a href=https://i.picsum.photos/id/225/800/800.jpg download> <img src=https://i.picsum.photos/id/225/800/800.jpg style=width: 300