HTML in Hindi – HTML Lists

  • Types of HTML list in Hindi 
  • Create HTML list in Hindi
  • Introduction to HTML list in Hindi

Introduction to HTML List

HTML में किसी भी information को list के द्वारा भी दिखा सकते है। लेकिन list का use जादा तर submenus बनाने के लिए किया जाता है | html मे list 2 प्रकार के होते है | पहला Ordered List और दूसरा Unordered List होता है |

Ordered List

HTML मे ordered list को <ol> से represent किया जाता है | यह list हमेसा ordered form में होती है। और ordered list का by default property numbers होते है for example ( 1 , 2 , 3 , 4 , 5 , 6 ) लेकिन इन numbers को change भी कर सकते है alphabets मे for example ( a , b , c , d , e , f ) पर इसके लिए हमे attributes का use करना पड़ता है |

Type Attributes

Type यहाँ पर ordered list का एक attribute है type attribute का use list का type change करने के लिए किया जाता है इसके कुछ parameter होते है जो हमे पास करना पड़ता है |

i and I Parameter

i and I in दोनों parameter का use list के type को roman format मे change करने के लिए किया जाता है अगर आप small i पास करते है तो आपके list का type small roman मे convert हो जायेगा for example ( i , ii , iii , iv , v ) और अगर कैपिटल I पास करते है तो list का type capital roman मे convert हो जायेगा | for example ( I , II , III , IV , V ) |

a and A Parameter

a and A इन दोनों parameter का use list के type को alphabets मे convert करने के लिए किया जाता है अगर आप small a का use करते है तो आपके list का type small a से सुरु होगा और अगर capital A का use करते है तो आपके list का type capital A से सुरु होगा for example ( a , b , c , d ) – ( A , B , C , D ) |

LI tag

HTML list मे <li> tag बहुत ही important tag है | क्योकि <li> tag Ordered List और Unordered List दोनों मे use किया जाता है | list create करने के लिए अब निचे दिये गये code को देखे |

<!DOCTYPE html>
<html>
<head>
       <title>Easy Hindi Tutorials</title>
</head>
<body>
<ol type="I">
       <li>Home</li>
       <li>Services</li>
       <li>About Us</li>
       <li>Contact Us</li>
</ol>
</body>
</html>

यहाँ पर मै सिर्फ एक ही type का use किया है लेकिन आप type attribute के सभी value का use करे और result देखे |

Unordered List

html मे Unordered list create करने के लिए हमे <ul> tag का use करना पड़ता है। इस tag के बाद हमे <li> tag create करना पड़ता है | और Unordered list का भी attribute होता है | जैसे Disc, Circle और square यह तीनो unordered list के attribute है |

Disc Attribute

यह attribute unorder list का by default प्रोपर्टी भी है इस attribute का use करने से हमारे list का type bullets मे दिखाई देता है |

Circle Attribute

इस attribute का use करने से हमारे list का type circle मे convert हो जाता है यानी हमारे list के आगे गोले का आकर बन जाता है |

Square Attribute

इस attribute का use करने से हमारे list का type square मे convert हो जाता है यानी हमारे list के आगे आयत का आकर बन जाता है |

<!DOCTYPE html>
<html>
<head>
       <title>Easy Hindi Tutorials</title>
</head>
<body>
<ul type="circle">
       <li>Home</li>
       <li>Services</li>
       <li>About Us</li>
       <li>Contact Us</li>
</ul>
</body>
</html>

Nexted List

Ordered List हो या फिर Unordered List दोनों ही field मे nexted list create किये जाते है | और जब भी nexted list create करते है | तो जहा पर हमारा <li> tag close होता है | ठीक वही से Ordered List या Unordered List create कर सकते है | अब निचे दिये गये example को देखे |

Ordered Nexted List

<!DOCTYPE html>
<html>
<head>
       <title>Easy Hindi Tutorials</title>
</head>
<body>
<ol type="I">
       <li>Home</li>
       <li>Services
<ol>
       <li>1</li>
       <li>2</li>
       <li>3</li>
       <li>4</li>
</ol>
       </li>
       <li>About Us</li>
       <li>Contact Us</li>
</ol>
</body>
</html>

Unordered Nexted List

<!DOCTYPE html>
<html>
<head>
       <title>Easy Hindi Tutorials</title>
</head>
<body>
<ul type="circle">
       <li>Home</li>
       <li>Services

<ul>
       <li>1</li>
       <li>2</li>
       <li>3</li>
       <li>4</li>
</ul>

       </li>
       <li>About Us</li>
       <li>Contact Us</li>
</ul>
</body>
</html>
HTML Tables HTML Forms
Previous Next