एचटीएमएल <li> टैग
वर्णन और उपयोग
<li> टैग डिफाइन करता है:
<li> टैग वर्गीय सूची के लिए उपयोग करता है:<ol>) और अनूसूची (<ul>) और मेनू सूची (<menu>) में।
अनूसूची <ul> और <menu> में, सूची आइटम्स सामान्यतया बिन्दु या चिह्नों से प्रदर्शित होते हैं।
वर्गीय <ol> में, सूची आइटम्स सामान्यतया संख्या या अक्षरों से प्रदर्शित होते हैं।
सूचना:CSS का उपयोग करके:सूची शैली सेट करें。
अन्य संदर्भ:
HTML शिक्षण:HTML सूची
HTML DOM संदर्भ पुस्तक:Li ऑब्जेक्ट
CSS शिक्षण:सूची की शैली सेट करें
उदाहरण
उदाहरण 1
एक वर्गीय (<ol>) और एक अनूसूची (<ul>) के HTML सूची:
<ol> <li>कॉफी</li> <li>चाय</li> <li>दूध</li> </ol> <ul> <li>कॉफी</li> <li>चाय</li> <li>दूध</li> </ul>
उदाहरण 2
वर्गीय सूची में value गुण उपयोग करें:
<ol> <li value="100">कॉफी</li> <li>चाय</li> <li>दूध</li> <li>शुद्ध पानी</li> <li>फल-द्रव</li> <li>बियर</li> </ol>
उदाहरण 3
विभिन्न सूची शैली तरीके सेट करें (CSS का उपयोग करते हुए):
<ol> <li>कॉफी</li> <li style="list-style-type:lower-alpha">चाय</li> <li>दूध</li> </ol> <ul> <li>कॉफी</li> <li style="list-style-type:square">चाय</li> <li>दूध</li> </ul>
उदाहरण 4
सूची में एक सूची (अंतर्निहित सूची) बनाएं:
<ul>
<li>कॉफी</li>
<li>चाय</li>
<ul>
<li>पूर्वा</li>
<li>चाय</li>
</ul>
</li>
<li>दूध</li>
</ul>
उदाहरण 5
एक अधिक जटिल निहारी सूची बनाएं:
<ul>
<li>कॉफी</li>
<li>चाय</li>
<ul>
<li>पूर्वा</li>
<li>ग्रीन चाय</li>
<ul>
<li>बीलू चून</li>
<li>लोइंग</li>
</ul>
</li>
</ul>
</li>
<li>दूध</li>
</ul>
विशेषता
| विशेषता | मूल्य | वर्णन |
|---|---|---|
| value | संख्या | केवल <ol> सूची के लिए लागू होती है।सूची आइटम की शुरूआती मूल्य निर्धारित करती है।अगले सूची आइटम इस संख्या से बढ़ता है |
वैश्विक विशेषता
<li> टैग इवेंट विशेषता का समर्थन करता है HTML में वैश्विक विशेषता。
इवेंट विशेषता
<li> टैग इवेंट विशेषता का समर्थन करता है HTML में इवेंट विशेषता。
डिफ़ॉल्ट कॉस सेटिंग
अधिकांश ब्राउज़र निम्नलिखित डिफ़ॉल्ट मूल्यों को प्रदर्शित करेंगे <li> एलीमेंट:
li {
display: list-item;
}
ब्राउज़र सहायता
| च्रोम | एज | फायरफॉक्स | सैफारी | ओपेरा |
|---|---|---|---|---|
| च्रोम | एज | फायरफॉक्स | सैफारी | ओपेरा |
| सहायता | सहायता | सहायता | सहायता | सहायता |
