Lists: <ul>, <ol>, <li> In Hindi
एचटीएमएल5 में ऑर्डर्ड और अनऑर्डर्ड लिस्ट्स आइटम को क्रिएट करने के लिए आप ul, ol, और li टैग का उपयोग कर सकते है, कई बार वेब डेवलपर या कंटेंट क्रिएटर को किसी वेब ब्लॉग या पोस्ट में टेक्स्ट कंटेंट आइटम को लिस्ट आर्डर में प्रीव्यू करना होता है, वही आप ऑर्डर्ड और अनऑर्डर्ड लिस्ट फॉर्मेट में वेब पेज टेक्स्ट इनफार्मेशन को रिप्रेजेंट कर सकते है। मुख्य रूप से आप एचटीएमएल5 में तीन प्रकार के लिस्ट आइटम को क्रिएट कर सकते हैं. जिसमे, अनऑर्डर्ड लिस्ट आइटम, ऑर्डर्ड लिस्ट आइटम, और लिस्ट आइटम लिस्ट ऑब्जेक्ट क्रिएशन प्रोसेस है। आप अपने वेब डेवलपमेंट पोस्ट या ब्लॉग जरूरत के अनुसार एचटीएमएल5 वेब पेज में डिजायर लिस्ट आइटम को क्रिएट और मैनेज कर सकते है.
So let us create and manage multiple list items in HTML5.
HTML5 Unordered List.
एचटीएमएल5 में अनऑर्डर्ड लिस्ट आइटम को (<ul>) टैग का उपयोग करके क्रिएट किया जाता है, सामान्यता आप अनऑर्डर्ड लिस्ट आइटम में उन टेक्स्ट इनफार्मेशन को क्रिएट और मैनेज करते है, जहा लिस्ट आइटम सीक्वेंस आर्डर मैटर नहीं करता है, अनऑर्डर्ड लिस्ट आइटम क्रिएशन प्रोसेस में प्रीव्यू लिस्ट आइटम टेक्स्ट के फ्रंट में बुलेटड सिंबल डिस्प्ले होते है।
HTML5 Ul Tag Attributes.
- <ul> tag – ul टैग से आप अनऑर्डर्ड लिस्ट आइटम सीक्वेंस को क्रिएट करते है।
- <li> tag – li टैग मौजूदा ब्लॉग पोस्ट में ul टैग के साथ या अंदर यूजर को डिजायर लिस्ट आइटम क्रिएशन में हेल्प करते है।
Unordered List Example in HTML5.
<ul>
<li>Bus</li>
<li>Car</li>
<li>Truck</li>
<li>Bike</li>
</ul>
HTML5 Ordered List.
एचटीएमएल5 में ऑर्डर्ड लिस्ट आइटम को जब सीक्वेंस जिसमे डिजिट, नंबर, करैक्टर, या रोमन नंबर फॉर्मेट में मल्टीप्ल लिस्ट आइटम को क्रिएट और मैनेज करना हो तब आप ol टैग का उपयोग करे, ऑर्डर्ड लिस्ट आइटम अनऑर्डर्ड लिस्ट आइटम की तुलना में सीक्वेंस में लिस्ट आइटम को प्रीव्यू करते है, जहा आपके लिए कोई लिस्ट सीक्वेंस आर्डर मैटर करते हो, जहाँ लिस्ट आइटम क्रम या आर्डर इम्पोर्टेन्ट हो।
HTML5 ol Tag Attributes.
- <ol> tag – एचटीएमएल5 वेब पेज में टेक्स्ट को सीक्वेंस आर्डर में लिस्ट आइटम को क्रिएट करते है।
- <li> tag – ol टैग के साथ सीक्वेंस आर्डर में लिस्ट आइटम को क्रिएट करने के लिए, li टैग ol टैग के अंदर लिस्ट आइटम को क्रिएट कर डिस्प्ले करता है।
Ordered List Example in HTML5.
<ol>
<li>Sachin Tendulkar</li>
<li>Virat Kohli</li>
<li>Rohit Sharma</li>
<li>Anil Kumble</li>
</ol>
HTML5 List Item.
एचटीएमएल5 वेब पेज में लिस्ट <li> टैग ऑर्डर्ड और अनऑर्डर्ड ul और ol टैग में सिंगल से लेकर मल्टीप्ल लिस्ट आइटम को क्रिएट और मैनेज कर सकते है। याद रहे, li टैग को लिस्ट के बिना और ऑर्डर्ड और अनऑर्डर्ड लिस्ट के अंदर भी नई लिस्ट आइटम क्रिएट करने में उपयोग कर सकते है।
HTML5 li Tag Attributes.
- li tag attributes – याद रहे, आप अपनी जरूरत के अनुसार li टैग को <ul> या <ol> टैग के अंदर नेस्टेड लिस्ट आइटम को क्रिएट करने में उपयोग कर सकते हैं।
Li List Example in HTML5.
<ul>
<li>Text Item 1 </li>
<li> Text Item 2 </li>
<li> Text Item 3 </li>
<li> Text Item 4 </li>
</ul>
HTML5 Description List (<dl>), <dt>, and <dd> Tags.
एचटीएमएल5 वेब पेज में डिस्क्रिप्शन लिस्ट आइटम (<dl>) टैग का उपयोग कर सकते है, जहा dl टैग का उपयोग लिस्ट टॉपिक और टॉपिक डिस्क्रिप्शन लिस्ट को क्रिएट करने में होता है। ज्यादातर मामलो में dl, dt, और dd टैग को किसी टॉपिक और उसके डिटेल डिस्क्रिप्शन इनफार्मेशन को रिप्रेजेंट करने में किया जाता है।
HTML5 Description Tag Attributes.
- <dl> tag – dl टैग लिस्ट आइटम में डिस्क्रिप्शन आइटम के लिए इनफार्मेशन होल्डर है।
- <dt> tag – dt टैग डिस्क्रिप्शन लिस्ट में पर्टिकुलर लिस्ट करैक्टर को डिफाइन करता है।
- <dd> tag – dd टैग लिस्ट आइटम के लिए डेफिनेशन को इम्प्लीमेंट करता है।
Description List Example in HTML5
<dl>
<dt>Desktop Computer</dt>
<dd>Fixed Computer Device, Which Is Not Movable. </dd>
<dt>Laptop Computer</dt>
<dd>Portable Computer Device, Which Is Movable. </dd>
<dt>Tablet</dt>
<dd>Very Handy Portable Device, Which Is Completely Movable. </dd>
</dl>
Complete Example of ordered or unordered, li, dl, dt, tag in html5.
<!DOCTYPE html>
<html lang=” en”>
<head>
<meta charset=” UTF-8″>
<title>HTML5 List Tag</title>
</head>
<body>
<h3>Unordered List Example in HTML5. </h3>
<ul>
<li>Bus</li>
<li>Car</li>
<li>Truck</li>
<li>Bike</li>
</ul>
<h3>Ordered List Example in HTML5. </h3>
<ol>
<li>Sachin Tendulkar</li>
<li>Virat Kohli</li>
<li>Rohit Sharma</li>
<li>Anil Kumble</li>
</ol>
<h3>Li List Example in HTML5. </h3>
<ul>
<li>Text Item 1 </li>
<li> Text Item 2 </li>
<li> Text Item 3 </li>
<li> Text Item 4 </li>
</ul>
<h3>Description List Example in HTML5. </h3>
<dl>
<dt><b>Desktop Computer</b></dt>
<dd>Fixed Computer Device, Which Is Not Movable. </dd>
<dt><b>Laptop Computer</b></dt>
<dd>Portable Computer Device, Which Is Movable. </dd>
<dt><b>Tablet Computer</b></dt>
<dd>Very Handy Portable Device, Which Is Completely Movable. </dd>
</dl>
</body>
</html>
