HTML lists का उपयोग information की लिस्ट को specify करने के लिए किया जाता है। List एक या एक से अधिक List elements को contain करता है।
< ul > : यह एक unordered List है। यह plain bullets का उपयोग करके item को List करता है |
< ol > : यह एक ordered List है। यह item को List करने के लिए नंबर की विभिन schemes का उपयोग करता है।
UNORDERED LIST
- Unordered List उन items का collection होता है जिनका कोई special order और sequence नहीं होता।
- Unordered List हमेशा <ul> tag से शुरू होता है। और List के प्रत्येक item <li> tag से start होते है।
Unordered List : The type Attribute
आप अपनी पसंद की bullets के type को specify करने के लिए <ul> टैग के साथ type attribute का उपयोग कर सकते हैं। By default यह disc टाइप को सपोर्ट करता है।
Unordered List तीन प्रकार के bullets को support करता है।
<ul type = "square">
<ul type = "disc">
<ul type = "circle">
EXAMPLE :
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML UNORDERED LISTS</title>
</head>
<body>
<!-- <ul> tag By default use disc type -->
<h5>use disc bullet </h5>
<ul>
<li>this is 1st unordered list. </li>
<li>this is 2nd unordered list. </li>
<li>this is 3rd unordered list. </li>
</ul>
<h5>use square bullet </h5>
<ul type = "square">
<li>this is 1st unordered list. </li>
<li>this is 2nd unordered list. </li>
<li>this is 3rd unordered list. </li>
</ul>
<h5>use circle bullet </h5>
<ul type = "circle">
<li>this is 1st unordered list. </li>
<li>this is 2nd unordered list. </li>
<li>this is 3rd unordered list. </li>
</ul>
<h5>nested unordered List </h5>
<ul>
<li>this is 1st unordered list. </li>
<ul type = "circle">
<li>this is 1st unordered list. </li>
<li>this is 2nd unordered list. </li>
</ul>
<li>this is 2nd unordered list. </li>
<li>this is 3rd unordered list. </li>
</ul>
</body>
</html>
OUTPUT :

ORDERED LIST
- एक ordered लिस्ट numerical और alphabetical हो सकती है।
- Ordered List हमेशा <ol> tag से शुरू होता है। और List के प्रत्येक item <li> tag से start होते है।
Ordered List : The type Attribute
Order List में type attribute को मुख्य रूप से 5 प्रकार से डिफाइन कर सकते है। By default यह number type को सपोर्ट करता है। <ol> टैग के साथ type attribute का उपयोग कर सकते हैं।
<ol type = "1" >
<ol type = "A" >
<ol type = "a" >
<ol type = "I" >
<ol type = "i" >
EXAMPLE :
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML ORDERED LISTS</title>
</head>
<body>
<ol>
<li>this is 1st ordered list.</li>
<li>this is 2nd ordered list</li>
<li>this is 3rd ordered list</li>
</ol>
<ol type="A">
<li>this is 1st ordered list.</li>
<li>this is 2nd ordered list</li>
<li>this is 3rd ordered list</li>
</ol>
<ol type="a">
<li>this is 1st ordered list.</li>
<li>this is 2nd ordered list</li>
<li>this is 3rd ordered list</li>
</ol>
<h3>Nested ordered list</h3>
<ol>
<li>this is 1st ordered list.</li>
<ol type="i">
<li>this is 1st ordered list.</li>
<li>this is 2nd ordered list</li>
</ol>
<li>this is 2nd ordered list</li>
<ol type="I">
<li>this is 1st ordered list.</li>
<li>this is 2nd ordered list</li>
</ol>
<li>this is 3rd ordered list</li>
</ol>
</body>
</html>
OUTPUT :

HTML Description List or Definition List
HTML definition list तीन टैग को contain करती है।
<dl> tag : यह टैग List को start करती है।
<dt> tag : यह टैग term को डिफाइन करती है।
<dd> tag : यह टैग term की definition को डिफाइन करती है।