HTML Lists

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 को डिफाइन करती है।