Loading...

HTML in Hindi – Lists

  • Introduction to HTML lists in Hindi 
  • Types of HTML list in Hindi 
  • Creating HTML lists in Hindi

Introduction to HTML Lists 

HTML में आप किसी भी information को lists के द्वारा भी represent कर सकते है। Lists के द्वारा आप अपने webpage को well ordered बना सकते है। HTML से आप 3 तरह की list बना सकते है।

Ordered List

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

Unordered List

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

Definition List

Definition list में पहले आप एक list item define करते है और उसके बाद उसकी definition provide करते है। इस तरह की list आप <dl>tag के द्वारा create करते है। List item declare करने के लिए <dt>tag और उसकी definition देने के लिए <dd>tag को यूज़ किया जाता है।  

Ordered List 

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

Example

<!DOCTYPE html>

<html> 

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

<body> 

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

</body> 
</html> 

Output

HTML-ordered-list-example-output

Type Attribute

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

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

Example

<!DOCTYPE html>

<html>

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

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

</body> 
</html> 

Output

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

Unordered List 

Unordered list क्रिएट करने के लिए आप <ul> tag का इस्तेमाल करते है। इस tag के बाद <li> tag से list item define किये जाते है। इस तरह की HTML list में type attribute की 3 values दी जा सकती है। Disc, Circle और square values से आप अलग अलग तरह की unordered list create कर सकते है।

Example

<!DOCTYPE html>

<html>

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

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

</body> 
</html>

Output

HTML-unordered-list-example-output

Definition List

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

Example

<!DOCTYPE html>
<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> 

Output

HTML-definition-list-example-output

Previous: HTML Images
Next: HTML Frames