Breaking

Wednesday, 24 May 2017

Introduction to HTML lists in Hindi Part 7

Introduction to HTML lists in Hindi Part 7 :


HTML lists

  • Introduction to HTML lists in Hindi 
  • Types of HTML list in Hindi 
    • Ordered list 
    • Unordered list 
    • Definition list 
  • Creating HTML lists in Hindi 
  • Type attribute with ordered HTML list 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

No comments:

Post a Comment