Unordered List
In html Language we can create Unordered list .
Now The Question is that What is Unordered List❓❓❔
Adding a data or creating a list of data in an unordered way is called unordered list .with the help of unordered list we can easily insert the data in list .
The difference between ordered list and unordered list is that in ordered list the list is inserted is serial order like
1
2
3
4
or in serial order of roman number.
But in case of unordered list the data is inserted in list but it cannot show as
1
2
3
4
It shoes bullets like
.
.
.
.
we can also change the style of bullets in unordered list.
The Program of unordered list is given below.
PROGRAM
<HTML>
<HEAD>
<TITLE>
WELCOME
</TITLE>
</HEAD>
<BODY>
<ul>
<li>MSc</li>
<li>Bachelor courses</li>
<li>MCA</li>
<li>MBA</li>
</ul>
</body>
</html>
EXPLANATION
ul is the declaration of the tag of unordered list.
li is list items that we insert in ordered list.
Firstly we declare html tag ,head tag and title tag and in title tag we give a title of our choice after that we close title tag and head tag after that we start main body tag .
in body we declare unorderded list with the tag <ul>
After that we start inserting list items in ordered list like
<li>MSc</li>
<li>Bachelor courses</li>
<li>MCA</li>
<li>MBA</li>
Remember when we insert one list item in ordered list after that we should also close list item tag like </li>
it means
1 MSc
2 Bachelor courses
3 MCA
like this
After inserting all the list items we close unordered list tag like </ul> and after that we close the main body tag and html tag and save the program with any name with extension.html and run it by clicking on it.
OUTPUT
The feature of unordered list is that we can also change the style of bullets in unordered list .The program how to change the style of of bullets in unordered list is given below.
PROGRAM
<HTML>
<HEAD>
<TITLE>
WELCOME
</TITLE>
</HEAD>
<BODY>
<ul type="square">
<li>Mrs Ashima</li>
<li>Mr Munish</li>
<li>Mrs Sarika</li>
</ul>
</BODY>
</HTML>
EXPLANATION
The explanation for this program is same as the unordered list program given above only the difference is that in this when we declare unordered list we also declare type like
<ul type="square"> and now it will display the list items with square type bullets .
We can also use type as circle to show circle type bullets .
OUTPUT
In html Language we can create Unordered list .
Now The Question is that What is Unordered List❓❓❔
Adding a data or creating a list of data in an unordered way is called unordered list .with the help of unordered list we can easily insert the data in list .
The difference between ordered list and unordered list is that in ordered list the list is inserted is serial order like
1
2
3
4
or in serial order of roman number.
But in case of unordered list the data is inserted in list but it cannot show as
1
2
3
4
It shoes bullets like
.
.
.
.
we can also change the style of bullets in unordered list.
The Program of unordered list is given below.
PROGRAM
<HTML>
<HEAD>
<TITLE>
WELCOME
</TITLE>
</HEAD>
<BODY>
<ul>
<li>MSc</li>
<li>Bachelor courses</li>
<li>MCA</li>
<li>MBA</li>
</ul>
</body>
</html>
ul is the declaration of the tag of unordered list.
li is list items that we insert in ordered list.
Firstly we declare html tag ,head tag and title tag and in title tag we give a title of our choice after that we close title tag and head tag after that we start main body tag .
in body we declare unorderded list with the tag <ul>
After that we start inserting list items in ordered list like
<li>MSc</li>
<li>Bachelor courses</li>
<li>MCA</li>
<li>MBA</li>
Remember when we insert one list item in ordered list after that we should also close list item tag like </li>
it means
1 MSc
2 Bachelor courses
3 MCA
like this
After inserting all the list items we close unordered list tag like </ul> and after that we close the main body tag and html tag and save the program with any name with extension.html and run it by clicking on it.
OUTPUT
FEATURES OF UNORDERED LIST
The feature of unordered list is that we can also change the style of bullets in unordered list .The program how to change the style of of bullets in unordered list is given below.
PROGRAM
<HTML>
<HEAD>
<TITLE>
WELCOME
</TITLE>
</HEAD>
<BODY>
<ul type="square">
<li>Mrs Ashima</li>
<li>Mr Munish</li>
<li>Mrs Sarika</li>
</ul>
</BODY>
</HTML>
EXPLANATION
The explanation for this program is same as the unordered list program given above only the difference is that in this when we declare unordered list we also declare type like
<ul type="square"> and now it will display the list items with square type bullets .
We can also use type as circle to show circle type bullets .
OUTPUT
