Saturday, 14 September 2013

Different type of Unordered List

In the last lesson we discussed about different type of ordered list and here we are going to discuss about different type of unordered list.
The unordered list normally comes with <UL>/</UL> but have number of different type of symbols can use to make a list.
Normally unordered list comes with bullets call small black circles.
Example:

<HTML>
<H1> Different type of Unordered List</H1>
<BODY>
     <ul>
<li>Sri lanka</li>
<li>India</li>
<li>USA</li>
<li>UK</li>
     </ul>
</body>
</html>
Here is the output of the lesson.(Click on image to enlarge)


Types of Unordered List
Example:- 
<HTML>
<H1> Different types of Unordered List</H1>
<BODY>
<h3>Unordered List- Disc </h3>
<ul type="disc">
 <li>Sri Lanka</li>
 <li>India</li>
 <li>USA</li>
 <li>UK</li>
</ul>  
<h3>Unordered List - Circle </h3>
<ul type="circle">
 <li>Sri Lanka</li>
 <li>India</li>
 <li>USA</li>
 <li>UK</li>
</ul>  
<h3>Unordered List - Square </h3>
<ul type="square">
 <li>Sri Lanka</li>
 <li>India</li>
 <li>USA</li>
 <li>UK</li>
</ul>
</body>
</html>
Here is the output of the lesson.(Click on image to enlarge)




No comments:

Post a Comment

Making HTML Form- පෝරම නිර්මාණය

google.com, pub-9566901277757948, DIRECT, f08c47fec0942fa0 HTML <form> element defines a form that is used to collect user inpu...