Artikel Terbaru

HTML Lists

HTML Lists in Hindi


Introduction to HTML Lists 
HTML में आप किसी भी information को lists के द्वारा भी represent कर सकते है। Lists के द्वारा आप अपने webpage को well ordered बना सकते है। HTML से आप 3 तरह की list बना सकते है। इनके बारे में नीचे  दिया जा रहा है। 
Type  
Explanation  
Example  



Ordered-List  
ये list ordered form में होती है। इस तरह की list को आप कई तरह से order कर सकते है जैसे की numbers(1, 2, 3, 4, 5) और alphabets(a, b, c, d, e, f) आदि। इस तरह की list आप <
ol>
tag के द्वारा create करते है। 
  1. A
  2. B
  3. C
  4. D
  5. E


Unordered-List 
इस तरह की list unordered form में होती है। इस तरह की list के items bullets से represent किये जाते है। इस तरह की
list आप <
ul>
tag के द्वारा create करते है।

 
  • a
  • b
  • c
  • d



Definition-List 
Definition list में पहले आप एक list item define करते है और उसके बाद उसकी definition provide करते है। इस तरह की list आप <
dl>
tag के द्वारा create करते है।



List item declare करने के लिए <
dt>
tag और उसकी definition देने के लिए <
dd>
tag को यूज़ किया जाता है।  

A


First Alphabet.

B


Second Alphabet 

Ordered List 

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


<html>
<head>
<title>Ordered list </title>
</head>

<body>

<ol>
<li>John</li>
<li>max</li>
<li>cassie</li>
<li>Fiana</li>
</ol>

</body>

</html> 


ऊपर दी गयी script निचे दिया गया web page generate करेगी।



HTML-ordered-list-example-output

Type Attribute

Ordered list के साथ आप type attribute भी use कर सकते है। Type attribute के द्वारा आप ये बताते है की आप list को किस तरह से order करना चाहते है। जैसे की यदि आप numbers की list चाहते है तो आप type attribute की value 1 define करते है।



इसके अलावा यदि आप alphabet order में list को चाहते है तो type attribute की value a देते है। आप चाहे तो roman letters से भी list को define कर सकते है इसके लिए आप type attribute की value I देते है। इसका उदाहरण नीचे दिया जा रहा है।

<html>
<head>
<title>Type attribute </title>
</head>

<body>

<ol type="I">
<li>Ram</li>
<li>Shyam</li>
</ol>

</body>

</html> 


ऊपर दी गयी script निचे दिया गया web page generate करेगी।



HTML-ordered-list-type-attribute-example-output


Unordered List 

Unordered list क्रिएट करने के लिए आप <ul> tag का इस्तेमाल करते है। इस tag के बाद <li> tag से list item define किये जाते है। इस तरह की list में type attribute की 3 values दी जा सकती है।



Disc, Circle और square values से आप अलग अलग तरह की unordered list create कर सकते है। इसका उदाहरण आगे दिया गया है।



<html>
<head>
<title> Unordered list </title>
</head>

<body>
<ul type="square">
<li>Ram</li>
<li>Shyam</li>
</ul>

</body>
</html> 


ऊपर दी गयी script निचे दिया गया web page generate करेगी।



HTML-unordered-list-example-output


Definition List

Definition lists के द्वारा आप किसी term की definition provide करते है। Definition lists create करने के लिए आप <dl>, <dt> और <dd> tags इस्तेमाल करते है। इसका उदाहरण नीचे दिया गया है। 


<html>
<head>
<title>Definition list </title>
</head>

<body>

<dl>
<dt>A</dt>
<dd>First letter of alphabet</dd>
<dt>B</dt>
<dd>Second letter of alphabet</dd>
</dl>

</body>

</html> 

ऊपर दी गयी script निचे दिया गया web page generate करेगी। 

HTML-definition-list-example-output

Post a Comment

0 Comments