Lists In html in Hindi-लिस्ट क्या होता है?

by

हेल्लो दोस्तों! html में इमेज , लिंक , attribute आदि में बारे में दिया जा चूका है आज इस पोस्ट में Lists In html in Hindi के बारे में दिया जा रहा है रो चलिए शुरू करते है

HTML Lists का परिचय 

HTML में आप किसी भी information या data को lists के रूप में represent करने के लिए किया जाता है lists के द्वारा आप अपने webpage को अच्छे ordered में बना सकते है

html से आप 3 तरह के list बना सकते है

इन सभी के बारे में निचे दिया जा रहा है

Type

Explanation

Example

Ordered-List

ये list ordered list का form होता है जिसमे इस तरह की list को कई तरह से order कर सकते है जैसे की number(1,2,3,4),alphabets(a,b,c,d),आदि इस तरह की list में <ol> tag के द्वारा create करते है

 1.A

  2.B

  3.C

  4.D

  5.E

 

Unordered-List

इस तरह की list को <ul> tag के द्वारा represent किया जाता है इस tag का प्रयोग करने से webpage पर item bullets

की तरह show होता है

·        A

·        B

·        C

·        D

·        E

Definition-List

इस तरह के tag के द्वारा पहले आप एक list item define किया जाता है उसके बाद उसकी definition provide करते है इस तरह की list को आप <dl> tag के द्वारा create करते है list item declare करने के लिए <dd> tag का भी प्रयोग किया जाता है

A

 

First

Alphabet

B

Second

Alphabet

 

 Ordered List

ordered list को create करने के लिए <ol> tag का प्रयोग किया जाता है इस tag के बाद list item define करने के लिए आप <li> tag का प्रयोग करते है यही  tag unordered list में भी प्रयोग किया जाता है

इसको हम एक example के द्वारा समझा जा सकता है

<html>
<head>
<title>ordered list</title>
</head>
<body>
<ol>
<li>Javed</li>
<li>Prabhat</li>
<li>Vinay</li>
<li>Umesh</li>
</ol>
</body>
</html>

 

Type of attribute

ordered list में <ol> tag में आप type attribute का भी प्रयोग कर सकते है जिसमे आप list को किस तरह से order करना चाहते है

जैसे यदि आप number की list में करना चाहते है तो आप type attribute की value 1 define करते है और यदि आप alphabets order में list करना चाहते है तो तो आप type attribute में value a देते है और अगर roman letter से भी list को define कर सकते है इसके लिए आप type attribute की value देते है

इसको हम एक example से समझ सकते है

<html>
<head>
<title>type attribute</title>
</head>
<body>
<ol type=”A”>
<li>javed</li>
<li>prabhat</li>
</ol>
<ol type=”I”>
<li>vinay</li>
<li>Umesh</li>
</ol>
</body>
</html>

Note:-आप जिस type attribute में जिस value को define या value दिया जाता है वह <ol> tag के लिए प्रयोग होता है

<ol type=”1”> default case numerals
<ol type=”I”> upper-case numerals
<ol type=”i”> lower-case numerals
<ol type=”A”> upper-case letter
<ol type=”a”> lower-case latters

Unordered list

unordered list को create करने के लिए <ul> tag का प्रयोग किया जाता है इस tag को define करने के बाद <li> tag को list item में define किया जाता है इस तरह की list में type attribute की value दी जाती है जिसमे disc ,circle, और square values आदि सभी अलग अलग तरह के unordered list create करते है

इसको हम एक example के द्वारा समझ सकते है

<html>
<head>
<title>unordered list</title>
</head>
<body>
<ul type=”disc”>
<li>javed</li>
<li>prabhar</li>
</ul>
<ul type=”square”>
<li>vinay</li>
<li>rahul</li>
</ul>
</body>
</html>

 

The type of attribute

आप जिस प्रकार के bullets को पसंद करते है तो उसके लिए आप <ul> tag के लिए type attribute का प्रयोग किया जाता है

जो निम्न प्रकार का है

<ul type=”square”>

<ul type=”disc”>

<ul type=”circle”>

Definition list

definition lists को create करने के लिए आप <dl>,<dt> और <dd> tags का प्रयोग किया जाता है

इसको भी एक example से समझ सकते है

<html>
<head>
<title>definition list</title>
</head>
<body>
<dl>
<dt>A</dt>
<dd>First Letter</dd>
<dt>B</dt>
<dd>Second Letter</dd>
</dl>
</body>
</html>

 

Start attribute

जब आप type attribute की value में जो भी value को define करते है तो उस value से list की staring होती है यानि serial से उसी value से start होता है लेकिन start attribute के द्वारा आप जहा से value को start करना चाहते है उसकी value start attribute की value में define कर दिया जाता है

याद रहे ,जिस type की value को define किया गया है उसी type की value को start value में define होना चाहिए

इसको हम example से देख सकते है

<html>
<head>
<title>start attribute</title>
</head>
<body>
<ol type=”1” start=”7”>
<li>ballia</li>
<li>gorakhpur</li>
<li>lucknow</li>
<li>belthara</li>
</ol>
</body>
</html>
Lists In html in Hindi-लिस्ट क्या होता है?

reference-https://www.tutorialspoint.com/html/html_lists.htm

 निवेदन:-आप सभी छात्र –छात्रों से निवेदन है की अगर आपको ये Topic (Lists In html in Hindi)अच्छा लगा हो तो कृपया आप इस वेबसाइट के बारे में अपने दोस्तों को जरुर बताये अगर कोई topic से संबधित प्रश्न हो तो कमेंट्स(comments) आपके लिए ही बना है और किसी Subject के लेकर भी कोई प्रश्न हो तो कमेंट करे

Leave a Comment