एचटीएमएल <ul> टैग
उदाहरण
एक अनियंत्रित HTML सूची:
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
<ul>
टैग एक अनियंत्रित (बुलेटेड) सूची को परिभाषित करता है ।
अनियंत्रित सूचियां बनाने के लिए <li><ul>
टैग के साथ टैग का उपयोग करें ।
युक्ति: सूची को स्टाइल करने के लिए CSS का उपयोग करें ।
युक्ति: ऑर्डर की गई सूचियों के लिए, <ol> टैग का उपयोग करें।
ब्राउज़र समर्थन
Element | |||||
---|---|---|---|---|---|
<ul> | Yes | Yes | Yes | Yes | Yes |
वैश्विक गुण
<ul>
टैग HTML में वैश्विक विशेषताओं का भी समर्थन करता है ।
घटना गुण
<ul>
टैग HTML में ईवेंट विशेषताओं का भी समर्थन करता है ।
और ज्यादा उदाहरण
उदाहरण
विभिन्न सूची शैली प्रकार सेट करें (सीएसएस के साथ):
<ul style="list-style-type:circle">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul style="list-style-type:disc">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul style="list-style-type:square">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
उदाहरण
सूचियों में लाइन-ऊंचाई का विस्तार और कमी करें (सीएसएस के साथ):
<ul style="line-height:180%">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul
style="line-height:80%">
<li>Coffee</li>
<li>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 सूचियाँ
एचटीएमएल डोम संदर्भ: उल ऑब्जेक्ट
सीएसएस ट्यूटोरियल: स्टाइलिंग सूचियाँ
डिफ़ॉल्ट सीएसएस सेटिंग्स
अधिकांश ब्राउज़र <ul>
निम्न डिफ़ॉल्ट मानों के साथ तत्व प्रदर्शित करेंगे:
उदाहरण
ul {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1 em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}