List Tag in Html

List Tag in Html

 

नमस्ते दोस्तों आज हम इस पोस्ट में जानेंगे की Html Document में List कैसे बनाई जाती है list वह होती है जो हमारे text को line by line manage करती है और हमारे Html web page को good looking और atractive बनती है html में list बनाने के लिए <li> tag का उपयोग किया जाता है <li> tag की मदद से हम किसी भी html document फाइल में list को create कर सकते है इस पोस्ट में हम <li> tag के Types और Attributes के बारे में जानेंगे | नीचे दिए गए examples का उपयोग करके आप Ordered list, Unordered list और Defination list बना सकते है।

 

Order List

List में नंबर जोड़ने के लिए हम Ordered list का प्रयोग करते हैं जैसे – 1, 2, 3, 4…., A, B, C, D….., a, b, c, d….., i, ii, iii……
आदि list में जोड़ सकते हैं इसे Ordered List कहते है, HTML मे यह list <ol> Tag से बनाई जाती है। इसमें दो tags Use होते हैं <ol> and <li>

 

Example :

<ol>
 <li> Apple </li>
 <li> Banana </li>
 <li> Orange </li>
</ol>

 

Output

 

ol list

 

Type of Ordered List

Ordered List का default type decimal होता है जो number जैसा दिखाई देता हैं। Ordered List के कुछ types इस प्रकार है :

 

  1. Decimal (type=”1″)
  2. Upper Alpha (type=”A”)
  3. Lower Alpha (type=”a”)
  4. Upper Roman (type=”I”)
  5. Lower Roman (type=”i”)

 

Decimal (type=”1″)

 

Example :

<ol type="1">
 <li> Apple </li>
 <li> Banana </li>
 <li> Orange </li>
</ol>

 

Output

ol list

Upper Alpha (type=”A”)

 

Example :

<ol type="A">
 <li> Apple </li>
 <li> Banana </li>
 <li> Orange </li>
</ol>

 

Output

 

 

Lower Alpha (type=”a”)

 

Example :

<ol type="a">
 <li> Apple </li>
 <li> Banana </li>
 <li> Orange </li>
</ol>

 

Output

 

ol type a

 

Upper Roman (type=”I”)

 

Example :

<ol type="I">
 <li> Apple </li>
 <li> Banana </li>
 <li> Orange </li>
</ol>

 

Output

 

ol type roman

 

Lower Roman (type=”i”)

 

Example :

<ol type="i">
 <li> Apple </li>
 <li> Banana </li>
 <li> Orange </li>
</ol>

 

Output

 

ol type lover roman

 

Unordered List

List में Symbol जोड़ने के लिए हम Unordered list का प्रयोग करते हैं जैसे – circle, bullets, square आदि list में जोड़ सकते हैं
इसे Unordered List कहते है, HTML मे यह list <ul> Tag से बनाई जाती है। इसमें दो tags Use होते हैं <ul> and <li>

 

Syntex :

<ul>
<li> Apple </li>
<li> Banana </li>
<li> Orange </li>
</ul>

 

Output

 

ul list

 

Type of Unordered List

Unordered List का default type disc होता है जो bullet जैसा दिखाई देता हैं। Unordered List के तीन types होते है :

  1. Disc / Bullets
  2. Circle
  3. Square

 

Disc या Bullets :– इस type का प्रयोग list में Bullets लगाने के लिए किया जाता हैं|

 

Example :

 

<ul type=”disc”>
<li> Apple </li>
<li> Banana </li>
<li> Orange </li>
</ul>

Output

 

 

type disc

 

Square :-  Square Tag का प्रयोग list में Square लगाने के लिए किया जाता हैं|

 

Example :

 

<ul type=”square”>
<li> Apple </li>
<li> Banana </li>
<li> Orange </li>
</ul>

 

Output

 

type squere

 

Circle :- Circle Tag का प्रयोग list में Circle लगाने के लिए किया जाता हैं|

 

Example :

 

<ul type=”Circle”>
<li> Apple </li>
<li> Banana </li>
<li> Orange </li>
</ul>

 

Output

 

 

type circle

 

Description List

Description List एक अन्य प्रकार की List होती है जो Ordered तथा Unordered List से थोडी अलग होती है। इसे Description list कहा जाता हैं इसमें तीन टैग Use होते हैं

dl – Description list
dt – Description term
dd – Description data

 

Example :

 

<dl>
<dt> HTML </dt>
<dd> Hypertext Markup Language </dd>
</dl>

 

Output

 

dt list

Tags: , , , , , , , , , , , , ,
Avatar

Related Article

No Related Article

0 Comments

Leave a Comment