एचटीएमएल <li> टैग
उदाहरण
एक आदेशित (<ol>) और एक अनियंत्रित (<ul>) HTML सूची:
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
<li>
टैग एक सूची आइटम को परिभाषित करता है ।
टैग का <li>
उपयोग ऑर्डर की गई सूचियों ( <ol> ), अनियंत्रित सूचियों ( <ul> ), और मेनू सूचियों ( <मेनू> ) में किया जाता है।
<ul> और <मेनू> में, सूची आइटम आमतौर पर बुलेट बिंदुओं के साथ प्रदर्शित किए जाएंगे।
<ol> में, सूची आइटम आमतौर पर संख्याओं या अक्षरों के साथ प्रदर्शित किए जाएंगे।
युक्ति: सूची को स्टाइल करने के लिए CSS का उपयोग करें ।
ब्राउज़र समर्थन
Element | |||||
---|---|---|---|---|---|
<li> | Yes | Yes | Yes | Yes | Yes |
गुण
Attribute | Value | Description |
---|---|---|
value | number | Only for <ol> lists. Specifies the start value of a list item. The following list items will increment from that number |
वैश्विक गुण
<li>
टैग HTML में वैश्विक विशेषताओं का भी समर्थन करता है ।
घटना गुण
<li>
टैग HTML में ईवेंट विशेषताओं का भी समर्थन करता है ।
और ज्यादा उदाहरण
उदाहरण
एक आदेशित सूची में मूल्य विशेषता का उपयोग:
<ol>
<li value="100">Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>
उदाहरण
विभिन्न सूची शैली प्रकार सेट करें (सीएसएस के साथ):
<ol>
<li>Coffee</li>
<li
style="list-style-type:lower-alpha">Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li
style="list-style-type:square">Tea</li>
<li>Milk</li>
</ul>
उदाहरण
सूची के अंदर एक सूची बनाएं (एक नेस्टेड सूची):
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
उदाहरण
अधिक जटिल नेस्टेड सूची बनाएं:
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea
<ul>
<li>China</li>
<li>Africa</li>
</ul>
</li>
</ul>
</li>
<li>Milk</li>
</ul>
संबंधित पृष्ठ
HTML ट्यूटोरियल: HTML सूचियाँ
एचटीएमएल डोम संदर्भ: ली ऑब्जेक्ट
सीएसएस ट्यूटोरियल: स्टाइलिंग सूचियाँ
डिफ़ॉल्ट सीएसएस सेटिंग्स
अधिकांश ब्राउज़र <li>
निम्न डिफ़ॉल्ट मानों के साथ तत्व प्रदर्शित करेंगे:
li {
display: list-item;
}