Html ordered list and unordered list


 HOW TO CREATE OREDERED LIST
List and Table –
Html भाषा में अवयवो को दो प्रकार की lists में रखा गया है – 
1.   Ordered List
2.      2. Unordered List
1

             Ordered List –
इस list में उपस्थित अवयव किसी न किसी number द्वारा प्रदर्शित किये जाते है | इस list के प्रत्येक अवयवो को प्रारंभ टैग <ol> व अंतिम टैग </ol> के बीच में लिखा जाता है | internet explorer द्वारा जब यह पेज ओपन किया जाता है तो यह प्रत्येक पंक्ति को एक नम्बर द्वारा प्रदर्शित करता है |
Syntax - <ol type = Attribute>
                  <li> पहली पंक्ति </li>
                  <li> दूसरी पंक्ति </li>
                  </ol>
यहां attribute :       type=A,   type=a
                              type = 1,  type= i


Exapmple –
·         अपनी fav. dish को show करने के लिए webpage बनाने का प्रोग्राम
OUTPUT –
1.      South Indian
A.      Dosa
B.      Rawa
i.                    idli
2.      Rajasthani
A.      Thali
Coding -
<html>
<head>
<title> ordered list </title>
</head>
<body>
<ol type=1>
<li> South Indian </li>
<ol type=A>
<li> Dosa</li>
<li> Rawa</li>
<ol type=i>
<li> idli</li>
</ol>
      </ol>
<li> Rajasthani</li>
<ol type=A>
<li> Thali</li>
</ol>
      </ol>
</body>
</html>     






Unordered List-

Unordered list में हर element के शुरू में या paragraph के शुरू में एक bullet show होता है | unordered list के प्रत्येक element का starting टैग <ul> और ending टैग </ul> होता है |

Syntax –
<ul type= attribute>
<li> Any text </li>
</ul>
Here attribute –
Type= circle
Type= square
Type= disc

Example –
OUTPUT –
Chapter
·         Section1
·         Section2
·         Section3
Coding –
 <html>
<head>
<title> Unordered list </title>
</head>
<body>
<p> Chapter</p>
<ul>
<li> Section1</li>
<li> Section2</li>
<li> Section3</li>
</ul>
</body>
</html
 



Next chapter comming soon...
Nilesh dadheech

Post a Comment

0 Comments