how can create list in html

By -
List in Html
जब भी हमे समान प्रकार के element या Item को एक group मे orderd या unorder format मे रखना होता है तब हम list का use करते है Html मे list create करने के लिए हमे विभिन्न तरीके दिया गए है जिनमे से हम अपनी आवश्यकता के अनुसार किसी को भी use कर सकते है html मे निम्न प्रकार की list create की जा सकती है


  • order list
  • Unorder List
  • definition List
  • Nested List

Ordered List - 
Ordered list को Numbered list के नाम से भी जाना जाता है जब भी हमे items को एक sequance मे ordered format मे arrange करना होता इस है तब हम order List का use करते है इस list मे item को list करने के लिए Default रूप से numbering ( 1,2,3,4....) का use किया जाता है 
इसका syntax निम्न है

Syntax

<ol>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
. 
. 
. 
. 
<li>item</li>
</ol>
Ordered list Element निम्न हैं। 

<ol>-यह tag ordered List की staring को show करता है और इसकी ending के लिए </ol> का use किया जाता है

<li>- इस tag का use लिस्ट मे items को add करने के लिए किया जाता है इसके लिए item का <li></li> के बीच लिखा जाता है

इस tag के साथ निम्न attribute use किये जाते है

Type - List का defualt numbering format change करने के लिए इस attribute का use किया जाता है
इसकी value के रूप मे हम निम्न values का use करते है

Syntax -
  <Ol Type="Value">

A - Alphabetically Ordered list(UPPER CASE) 
a - Alphabetically Ordered list(lower case) 
I - Roman Numbers (UPPER CASE) 
i - Roman Numbers (lower case) 

Start- इसका use list की counting को control करने के  लिए किया जाता है अर्थात लिस्ट की 
Counting कहाँ से Start करनी है यह set करने के लिए किया जाता है

Id-  इसका use list को  unique id provide करने के लिए किया जाता है

Name- इसका use कर हम list को एक name  दे सकते है

Ex
         <ol type=" A">
                  <li>HTML</li>
                  <li>CSS</li>
                  <li>JAVASCRIPT</li>
                  <li>PHP</li>
.                 <li>PERL</li>
       </ol>

Output
A. HTML
B. CSS
C. JAVASCRIPT
D. PHP
E. PERL


UnOrdered List - 
UnOrdered list को Un-Numbered list के नाम से भी जाना जाता है जब भी हमे items को एक sequance मे unordered format मे arrange करना होता इस है तब हम order List का use करते है इस list मे item को list करने के लिए Default रूप से numbering (•) का use किया जाता है 
इसका syntax निम्न है

Syntax

<ul>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
. 
. 
. 
. 
<li>item</li>
</ul>
UnOrdered list Element निम्न हैं। 

<ul>-यह tag unordered List की staring को show करता है और इसकी ending के लिए </ol> का use किया जाता है

<li>- इस tag का use लिस्ट मे items को add करने के लिए किया जाता है इसके लिए item का <li></li> के बीच लिखा जाता है

इस tag के साथ निम्न attribute use किये जाते है

Type - List का defualt listing format change करने के लिए इस attribute का use किया जाता है इसकी value के रूप मे हम निम्न values का use करते है

Syntax -

<Ul Type="Value">
Dics      - set list items Marker to a dics
Circle    - set list items Marker to a circle
Square  - set list items Marker to a square
None     - The list items will not be marked
               

Id - इसका use list को unique id provide करने के लिए किया जाता है

Name- इसका use कर हम list को एक name  दे सकते है

Ex
         <ul >
                  <li>Banana</li>
                  <li>grapes</li>
                  <li>orange</li>
                  <li>mango</li>
.                 <li>apple</li>
       </ul>

Output
• Banana
• grapes
• orange
• mango
• apple

Definition List Or description list-
जब भी हमे एक ऐसी List बनानी होती है जिसमे हमे कोई term और उस term की definition देनी हो तब हम इस प्रकार की list create करते है इस list को create करने के liye हम निम्न syntax का use करते है

Syntax
<dl>
<dt> Type your data Term
<dd> set deta term definition

<dt> Type your data Term
<dd> set deta term definition

<dt> Type your data Term
<dd> set deta term definition
. 
. 
. 
. 
<dt> Type your data Term
<dd> set deta term definition
</dl>

Definition list Element निम्न हैं। 

DL - यह tag definition List की staring को show करता है और इसकी ending के लिए </dl> का use किया जाता है
DT - इसका use हम data Term को set करने के लिए करते है
DD - इसका use हम data Term की definition देने के लिए करते है

Ex

<dl>
<dt> coffee
<dd> Black hot drink

<dt> Milk
<dd> White cold drink
</dl>

 Output
coffee
         Black hot drink
Milk
       White cold drink

Nested List
जब भी हम एक List के अंतर्गत दूसरी list create करते है तार प्रकार की list को हम nested list कहते है
हम अपनी need के according किसी भी लिस्ट को दूसरी list के अंतर्गत use कर सकते है

Ex
<ol>
<h1>Animals Type</h1>
<li>pet animals</li>
     <ul >
                  <li>Cow</li>
                  <li>Goat</li>
                  <li>Buffalo</li>
                  <li>Cat</li>
.                 <li>Dog</li>
       </ul>

<li>wild animals</li>
     <ul >
                  <li>Lion</li>
                  <li>Tiger</li>
                  <li>Bear</li>
                  <li>wolf</li>
.                 <li>Fox</li>
       </ul>
</ol>

Output

Animals Type
  1. pet animals
    • Cow
    • Goat
    • Buffalo
    • Cat
    • Dog
  2. wild animals
    • Lion
    • Tiger
    • Bear
    • wolf
    • Fox



How to create list in html








Comments

Post a Comment