Monday, October 16, 2017

CLASS 9 - HOW TO CREATE ORDERED LIST OR NUMBERING LISTS IN HTML

What is ordered list or bullet points with some order in HTML? How we create those things in HTML?

<ol>, <li> start, type elements/tags are used in HTML for creating ordered bullet list in HTML.

File Name:  "9_3 nested orderde list.html"

<html>
<body>
<h2>An Ordered List:</h2><hr>
<ol>
<li>Milk
<ol type="A" start="1">
<li>Cow milk</li>
<li>Buffalo milk</li>
</ol>
</li>
<li>Tea
<ol type="i">
<li>Green Tea
<ol type="I">
<li>Japanese Green Tea</li>
<li>Chinese Green Tea</li>
<li>Srilankan/Ceylon Green Tea</li>
</ol>
</li>
<li>Regular Tea
<ol type="1" start="3">
<li>Japanese Green Tea</li>
<li>Chinese Green Tea</li>
<li>Srilankan/Ceylon Green Tea</li>
</ol>
</li>
</ol>
</li>
<li>Coffee
<ol type="a">
<li>cold coffee</li>
<li>Regular coffee</li>
</ol>
</li>
</ol>
<br/>
</body>
</html>

OUTPUT:




Watch the below video for more details on the above program:



*************************************************************************

No comments:

Post a Comment