Sunday, October 15, 2017

CLASS 8 - HOW TO CREATE UN-ORDERED LIST OR BULLET LIST (NESTED LIST) IN HTML

What is un-ordered list or bullet points in HTML? How we create those things in HTML?

<ul>, <li> tags are used in HTML for creating un-ordered bullet list in HTML.

File Name:  "new 2.html"

<html>
<body>
<h2>An Unordered Nested List:</h2><hr>
<ul>
<li>Milk
<ul>
<li>Cow milk</li>
<li>Buffalo milk</li>
</ul>
</li>
<li>Tea
<ul>
<li>Green Tea</li>
<li>Regular Tea</li>
</ul>
</li>
<li>Coffee
<ul>
<li>Cold coffee
<ul>
<li>Cold coffee1</li>
<li>Cold coffee2</li>
</ul>
</li>
<li>Hot coffee
<ul>
<li>Hot coffee1</li>
<li>Hot coffee2</li>
</ul>
</li>
</ul>
</li>
</ul>
<br/>
</body>
</html>

OUTPUT:



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



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

No comments:

Post a Comment