HTML List in Hindi – What is HTML list

Friends, आज हम HTML list in Hindi के इस lesson में HTML list के बारे में सीखेंगे | आप इस Tutorial के जरिये Dirrent types of HTML list के बारे मे जानेगे |

HTML list tag kya hai ?

किसी भी important data को point में अच्छी तरह से गठित ( well formed ) और अर्थपूर्ण तरीके से प्रस्तुत करना list कहलाता है | और HTML document में list को define करने के लिए जिस tag का use में लिया जाता है उन्हें HTML list tag कहा जाता है |

HTML में list के three types है और प्रत्येक का एक विशिष्ट उद्देश्य और meaning है।

Types of HTML list (HTML list के प्रकार)

• Unordered list – जिन related items का कोई perticular order fixed नहीं होता है , वैसी items की list create करने में use किया जाता है |
• Ordered list – related items की list specific order में create करने के लिए use किया जाता है |
• Description list या Definition list – शब्दों और उनके description की list बनाने के लिए उपयोग किया जाता है।

Note : HTML list item में आप text, images, link, line breaks आदि का इस्तमाल कर सकते है |

HTML Unordered Lists in Hindi

HTML में unorder list <ul> element का use कर के create की जाती है, और प्रत्येक list item <li> tag से start होता है |

निचे दिए गए example code को copy कर के अपने notepad में paste करे और file को html format में save करे और इसे web browser में open करे | आप इस code का output हमारे code editor के जरिये भी live check कर सकते है |

HTML code editor open करने के लिए यहाँ click करे – HTML Code Editor

<ul>
    <li>Computer Monitor</li>
    <li>Keyboard & Mouse</li>
    <li>CPU</li>
</ul>

Output

• Computer Monitor
• Keyboard & Mouse
• CPU

आप unordered list के bullet type को css की list-style-type property के जरिये chhange कर सकते है |

For Example

ul
{
   list-style-type:circle;
}

HTML Ordered Lists in Hindi

HTML ordered list <ol> element का use कर के create किया जाता है , और प्रत्येक list item <li> element से start होता है |

<ol>
    <li>go to shop</li>
    <li>Buy products</li>
    <li>make payment</li>
</ol>

Output

1. Go to shop
2. Buy products
3. Make payment

आम तौर पर HTML ordered list में items का number 1 से start होता है , लेकिन हम start attribute का use कर के इसे बदल सकते है | जैसे की निचे के example में बताया गया है |

<ol start="10">
    <li>wash the apple</li>
    <li>Cut apples with a knife</li>
    <li>And then eat</li>
</ol>

Output

10. wash the apple
11. Cut apples with a knife
12. And then eat

Unordered list की तरह ordered list में भी css की list-style-type property के जरिये numbering के type को change कर सकते है |

For Example

ol
{
   list-style-type:upper-roman;
}

Note : आप type HTML Attribute का use कर के भी list items के numbering change कर सकते है | लेकिन आपको इसे avoid करना चाहिए , css property के जरिये numbering type change करना best practice है |

HTML Description List in Hindi ( HTML Definition List )

List items में प्रत्येक item का विवरण ( Discription ) या परिभाषा ( Definition ) देने की requirement हो, तो उस case में हम HTML में Description list का use करेंगे |

HTML में description list create करने के लिए <dl> element का use किया जाता है |

<dl> Tag – <dt> element and <dd> element के संयोजन के साथ use किया जाता है |

<dt> एक शब्द निर्दिष्ट करता है और <dd> उस शब्द की परिभाषा ( Definition ) को निर्दिष्ट करता है |

Browser आमतौर पर Web Pages में शब्दों और परिभाषाओं को अलग-अलग lines में रखकर Difinition list प्रस्तुत करता है, जहाँ शब्द की परिभाषाएँ थोड़ी indented यानि थोड़ी अंदर की साइड होती हैं।

For Example

<dl>
    <dt>CPU</dt>
    <dd>2 TB HDD with 16 GB RAM</dd>
    <dt>Keyboard</dt>
    <dd>TVS Gold Bharat for better typing</dd>
</dl>

Output

CPU

2 TB HDD with 16 GB RAM

Keyboard

TVS Gold Bharat for better typing

आप हमारी YouTube Channel Tech Samundra को भी check कर सकते है |