What is Unordered List in html




 

Unordered List


Unordered List is <ul>defined by Tag. This type of List is used to show one type of information in no fixed order. Unordered List is also called Bulleted List. Because Bullets are placed before List Items.


check it.

Copy the HTML code given below and paste it into your notepad++ or by typing this code with your own hands, save the file as unorderlist.html And open it.


<!DOCTYPE html>
<html>
<head>
<title>Unordered List </title><body>
<ul>
<li>Html</li>
<li>Css</li>
<li>Jquery</li>
</ul>
</body> 
</html>

When you run the above HTML code in the browser, you will get a result like this.


  • Html
  • Css
  • Jquery


 Type Of Attribute in Unordered List 


Type of Attribute is used to define Bullet Style in Unordered List. In By Default UL List, “Circle” is used for List Items. But, with the help of Type Attribute, we can apply 3 other types of List Style Type apart from Circle.


  • Circle
  • Square
  • Disc
  • None

check it.

We are explaining to you the four List Style Types mentioned above by an example. For this, we are taking the example given above. There we type the List Style Type Using Attribute Square are Set.


<!DOCTYPE html>
<html>
<head>
<title>Unordered List Example</title><body>
<ul type=”square”>
<li>Html</li>
<li>CSS</li>
<li>Jquery</li>
</ul>
</body> </html>

When you will see the above code in the browser, you will see a result like this.


  • Html
  • Css
  • Jquery

The way you have square set the List Style Type. You can set disc , circle and none (no style) in the same way. You just have to write the rest of the style type in place of Square and the List Style Type will change.

Post a Comment

0 Comments