Html Tutorials Part – 10 List – freetoolpt
PRACTICAL No :- 10
Html के साथ list के साथ कार्य करना
<html>
<body>
<ul>
<li>Bullet point one</li>
<li>Bullet point two</li>
<li>Bullet point three</li>
<li>Bullet point four</li>
</ul>
</body>
</html>
Ordered Lists :- कई बार हम list को ordered रूप में प्रदर्शित करना चाहते हैं इसके लिए हम <ol> element का प्रयोग करते हैं। ordered list बनाने हेतु हम list के प्रत्येक बिंदु को अंको (1,2….), शब्दों (a,b,c,…..) अथवा रोमन में निरूपित कर सकतेे हैं प्रत्येक बिंदु को <li> </li> element के अंदर डाला जाता है।
<html>
<body>
<ol>
<li>Point Number one</li>
<li>Point Number two</li>
<li>Point Number Three</li>
<li>Point Number four</li>
</ol>
</body>
</html>
Ordered list में start attribute का प्रयोग :-
Ordered list में हम list के बिंदुओं को start नंबर के द्वारा निरूपित कर सकते हैं। जैसे निम्नलिखित list में start नंबर 4 है।
<html>
<body>
<ol start=“4”>
<li>Point Number one</li>
<li>Point Number two</li>
<li>Point Number Three</li>
</ol>
</body>
</html>
<dl> Element:-
<html>
<body>
<dl>
<dt>Unordered List</dt>
<dd>A list of bullet point</dd>
<dt>Ordered List</dt>
<dd>An ordered list of point, as a numbered set of steps</dd>
<dt>Definition list</dt>
<dd>A list of terms and definition</dd>
</dl>
</body>
</html>
Nesting list :-
<body>
<ol type=“I”>
<li>Item one </li>
<li> Item two</li>
<li>Item three</li>
<li>Item four
<ol type=“i”>
<li>Item 4.1</li>
<li>Item 4.2</li>
<li>Item 4.3</li>
<li>Item 4.4</li>
<li>Item 4.5</li>
</ol>
</body>
</html>
<span> element :-
<html>
<body>
<div class=“footnotes”>
<h2>Footnotes</h2>
<p><span class=“invetor”><strong>1</strong> The world wide web was inveted by tim berners lee</span></p>
</div>
</body>
</html>
<em> element :-
<strong> element :-
<html>
<body>
<time datetime=“2020-23-01”>tues day</time>
<time datetime=”1974-08-08T 05:25″>On a pleasing August morning</time>,I was born in Secundrabad.utter pradesh
</time>
</body>
</html>
