List items (<li>) in html hindi
एचटीएमएल वेब पेज में लिस्ट <li> टैग का उपयोग ऑर्डर्ड लिस्ट्स आइटम (<ol>) और अनऑर्डर्ड लिस्ट्स एलिमेंट (<ul>) टैग के अंदर यूजर डिफाइन लिस्ट आइटम को मैन्युअली क्रिएट करने में किया जाता है। जहा हर लिस्ट आइटम लिस्ट आइटम <li> टैग लिस्ट में एक अलग इंडिविजुअल लिस्ट टेक्स्ट आइटम टेक्स्ट ऑब्जेक्ट को रिप्रेजेंट करता है। वेब डेवलपर एचटीएमएल वेब पेज में मल्टीप्ल लिस्ट आइटम को क्रिएट करने के लिए लिस्ट टैग का उपयोग करते है.
Basic structure of ordered and unordered list elements in HTML web pages.
यहाँ एचटीएमएल वेब पेज में वेब डेवलपर अपनी वेब डेवलपमेंट जरूरत के अनुसार <ol> ऑर्डर्ड लिस्ट आइटम और अनऑर्डर्ड लिस्ट आइटम <ul> टैग के अंदर मल्टीप्ल लिस्ट ऑब्जेक्ट <li> टैग का उपयोग करके क्रिएट कर सकते है.
Ordered list example in HTML web page.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Html Ordered List Tag</title>
</head>
<body>
<p><b><font size=”5″>Top World Countries</b></p></font>
<ol>
<li>India</li>
<li>Usa</li>
<li>Uk</li>
<li>Rusia</li>
<li>Japan</li>
</ol>
</body>
</html>
Unordered list example in HTML web page.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Html Unordered List Tag</title>
</head>
<body>
<p><b><font color=”red”><font size=”5″> World Top Speaking Language</b></p></font>
<ul>
<li>Chinese</li>
<li>Spanish</li>
<li>English</li>
<li>Arabic</li>
<li>Hindi</li>
</ul>
</body>
</html>
Advanced uses of list items in HTML web page.
Nested lists in HTML web page.
आप किसी भी एचटीएमएल वेब पेज में अनऑर्डर्ड लिस्ट आइटम <ul> और <ol> ऑर्डर्ड लिस्ट आइटम एलिमेंट को लिस्ट टैग <li> एलिमेंट अंदर क्रिएट कर नेस्टेड लिस्ट आइटम ऑब्जेक्ट क्रिएट कर सकते हैं। सामान्य लिस्ट आइटम की तुलना में नेस्टेड लिस्ट आइटम में आप पहले से बनी लिस्ट आइटम को पदानुक्रमित लिस्ट आर्डर में यानि पहले से मौजूदा लिस्ट के अंदर कई लिस्ट ऑब्जेक्ट बनाने के लिए उपयोगी है।
Nested Lists Example in HTML Web Page.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Html Nested List Example</title>
</head>
<body>
<p><b><font size=”5″>Programming Language</b></p></font>
<ul>
<li>Web Development Programming
<ul>
<li>Web Design
<ul>
<li>Html</li>
<li>Css</li>
<li>Php</li>
<li>JavaScript</li>
</ul>
</li>
<li>High Level Language
<ul>
<li>C Language</li>
<li>C++ Programming</li>
</ul>
</li>
</ul>
</li>
<li>Web Development Framework
<ul>
<li>Css Framework
<ul>
<li>W3.css</li>
<li>Bulma Css</li>
<li>Bootstrap Css</li>
<li>Tailwind Css</li>
</ul>
</li>
<li>JavaScript Framework
<ul>
<li>Jquery</li>
<li>Node.js</li>
<li>Angular.js</li>
<li>Express.js</li>
</ul>
</li>
</ul>
</li>
<li>Computer Programming</li>
<ul>
<li>Pythpn</li>
<li>Java</li>
<li>C#</li>
<li>F#</li>
<li>Sql</li>
</ul>
</ul>
</body>
</html>
List item creation tips in HTML web page.
- <li> tag – किसी भी एचटीएमएल वेब पेज में अनऑर्डर्ड <ul> और ऑर्डर्ड लिस्ट <ol> आइटम के अंदर जरूरत की किसी भी प्रकार की लिस्ट आइटम एलिमेंट को डिफाइन कर सकते है।
- Nesting – किसी भी एचटीएमएल वेब पेज में नेस्टेड लिस्ट के अंदर लिस्ट आइटम या एलिमेंट को बनाने के लिए लिस्ट आइटम <li> के अंदर जरूरत के अनुसार <ul> या <ol> टैग का उपयोग करके ऑर्डर्ड लिस्ट आइटम या अनऑर्डर्ड लिस्ट आइटम ऑब्जेक्ट को क्रिएट कर सकते है।
- HTML Elements – आप किसी भी एचटीएमएल वेब पेज में लिस्ट आइटम को डेवेलप करने के लिए लिस्ट आइटम <li> टैग के अंदर मल्टीप्ल किसी भी एचटीएमएल एलिमेंट को मैन्युअल क्रिएट कर सकते हैं। याद रहे की, लिस्ट आइटम आपके साधारण वेब पेज टेक्स्ट इन्फो को एक लिस्ट सीक्वेंस और रैंडम आर्डर में प्रीव्यू करता है.
