List In Html Coding In Hindi
I am working as freelancer. I am a experienced full stack web developer. My lovely stack is MERN but I am open for new tech. I love to work with teammates for achieve goals. I love researches to find specific new things.
HTML कोडिंग में list insert कराना एक बहुत महत्वपूर्ण काम होता है। लिस्ट इंसर्ट कराकर ही कई सारी लिस्टिंग वाली कंटेंट को browser पर दिखाया जाता है।
What is list in html in hindi?
List को इंसर्ट कराने के लिए Html में लिस्ट टैग होती हैं। यह कई तरह की होती हैं जैसे ordered list, unordered list,description list. लिस्ट टैग लगाकर कंटेंट को लिस्ट में दिखाया जाता है।
Ordered List in HTML:
Ordered लिस्ट के लिए <ol> टैग लगाया जाता है। जब हमें कुछ Item एक क्रम में दिखाने होते हैं, तो ordered list लगायी जाती है। जैसे विजेताओं के नाम serial wise दिखाना।
सामान्यतः यह लिस्ट नंबर दर्शाती है। लेकिन नंबर का टाइप बदला जा सकता है। इसे रोमन या a,b,c... भी किया जा सकता है। उदाहरण के लिए
<!DOCTYPE html>
<html lang="en">
<head>
<title>list example</title>
</head>
<body>
<ol>
<li>Seema</li>
<li>Ragini</li>
<li>Ankit</li>
<li>Shivangi</li>
</ol>
<ol type="a">
<li>Seema</li>
<li>Ragini</li>
<li>Ankit</li>
<li>Shivangi</li>
</ol>
<ol type="i">
<li>Seema</li>
<li>Ragini</li>
<li>Ankit</li>
<li>Shivangi</li>
</ol>
</body>
</html>
text editor में लिखने पर browser पर यह दिखता है..
Unordered List in HTML in HINDI:
जब Item को सिर्फ एक सूची में दिखाना होता है, किसी क्रम की आवश्यकता नहीं होती है, तो unordered list बनाते हैं, जिसका टैग <ul> होता है और लिस्ट की टैग <li> होती है।
सामान्यतः इस लिस्ट में बुलेट्स डिस्क बने होते हैं, लेकिन उनका आकार भी circle और square में बदला जा सकता है। उदाहरण के लिए सब्जी के नामों की सूची।
<!DOCTYPE html>
<html lang="en">
<head>
<title>list example</title>
</head>
<body>
<ul>
<li>आलू</li>
<li>बैंगन</li>
<li>टमाटर</li>
<li>लौकी</li>
</ul>
<ul type="circle">
<li>आलू</li>
<li>बैंगन</li>
<li>टमाटर</li>
<li>लौकी</li>
</ul>
<ul type="square">
<li>आलू</li>
<li>बैंगन</li>
<li>टमाटर</li>
<li>लौकी</li>
</ul>
</body>
</html>
और browser यह output दिखाता है.
Description List in HTML in hindi:
जब किसी नाम को उसके ब्यौरे के साथ दिखाना होता है, तो इस लिस्ट को बनाया जाता है। जैसे शहरो और देशों के नाम की लिस्ट।
<!DOCTYPE html>
<html lang="en">
<head>
<title>list example</title>
</head>
<body>
<dl>
<dt>Country</dt>
<dd>India</dd>
<dd>Pakistan</dd>
<dd>Bangladesh</dd>
<dt>State</dt>
<dd>Uttar Pradesh</dd>
<dd>Madhya Pradesh</dd>
<dd>Himachal Pradesh</dd>
</dl>
</body>
</html>
और इसका Output इस तरह दिखता हैः
