UnOrdered Lists in HTML

<UL>
<LI>First Item</LI>
<LI>Second Item</LI>
<LI>Third Item</LI>
</UL>

First Item
Second Item
Third Item

<UL>

UnOrdered List List , One pair of tag is allowed.

<LI>

Items of Ordered List, Mulitple pairs allowed. Child of <UL>

UnOrdered lists are also referred to as Bulleted Lists.

UnOrdered lists can be defined using <UL> ... </UL> tags. The tag <UL> indicates the start of a bulleted list while </UL> indicates the end of the bulleted list.

Attributes of <UL> .. </UL>

Type:

This attribute indicates the type of bullet to be used.

Type	Description
Type = 'disk'	Disk ( filled circle)
Type = 'circle'	Circle ( Not filled )
Type = 'square'	Square (filled )
Type = 'none'	Blank or no bullets

Type = 'disk'

First Item
Second Item
Third Item
Fourth Item
Fifth Item

<UL type='disk'>
<LI>First Item</LI>
<LI>Second Item</LI>
<LI>Third Item</LI>
<LI>Fourth Item</LI>
<LI>Fifth Item</LI>
</UL>

Type = 'circle'

First Item
Second Item
Third Item
Fourth Item
Fifth Item

<UL type='circle'>
<LI>First Item</LI>
<LI>Second Item</LI>
<LI>Third Item</LI>
<LI>Fourth Item</LI>
<LI>Fifth Item</LI>
</UL>

Type = 'square'

First Item
Second Item
Third Item
Fourth Item
Fifth Item

<UL type='square'>
<LI>First Item</LI>
<LI>Second Item</LI>
<LI>Third Item</LI>
<LI>Fourth Item</LI>
<LI>Fifth Item</LI>
</UL>

Type = 'none'

First Item
Second Item
Third Item
Fourth Item
Fifth Item

<UL type='none'>
<LI>First Item</LI>
<LI>Second Item</LI>
<LI>Third Item</LI>
<LI>Fourth Item</LI>
<LI>Fifth Item</LI>
</UL>

Using Style

By using list-style-type: we can add several listing items of different languages and standard chars.

style='list-style-type:lower-greek'

First Item
Second Item
Third Item
Fourth Item
Fifth Item

<UL style='list-style-type:lower-greek'>
<LI>First Item</LI>
<LI>Second Item</LI>
<LI>Third Item</LI>
<LI>Fourth Item</LI>
<LI>Fifth Item</LI>
</UL>

Telugu , Oriya are Regional Languages in India.

style='list-style-type:telugu'

First Item
Second Item
Third Item
Fourth Item
Fifth Item

<UL style='list-style-type:telugu'>
<LI>First Item</LI>
<LI>Second Item</LI>
<LI>Third Item</LI>
<LI>Fourth Item</LI>
<LI>Fifth Item</LI>
</UL>

style='list-style-type:oriya'

First Item
Second Item
Third Item
Fourth Item
Fifth Item

<UL style='list-style-type:oriya'>
<LI>First Item</LI>
<LI>Second Item</LI>
<LI>Third Item</LI>
<LI>Fourth Item</LI>
<LI>Fifth Item</LI>
</UL>

Un-Ordered list with style

Demo of HTML list with style

<html>
<head>
<title>HTML List demo with style </title>
<META NAME="DESCRIPTION" CONTENT="HTML List demo style ">
<META NAME="KEYWORDS" CONTENT="HTML list demo style "> 
<meta name="viewport" content="width=device-width,minimum-scale=1">
<style>
ol {
  list-style-type: upper-roman;
  background:lightgreen;
}
ul {
  list-style-type: square;
  background:yellow;
}
li {
  font-size: 1.2em;
  color: #333;
  padding-left:5px;
}
ul,ol,h2 {
margin-left: 25px;
width:250px;
}</style>

</head>
<body>
<h2>Unordered List </h2>
<ul>
<li>PHP</li>
<li>JSP</li>
<li>ASP</li>
<li>JavaScript</li>
</ul>

<h2>Ordered List</h2>
<OL  start="4">
<li>Ronald </li>
<li>Rajiv</li>
<li>Alex </li>
<li>Smith </li>
</OL>

</body>
</html>

HTML List Ordered List in HTML Defination List

UnOrdered Lists