In this session I am going to show how you can insert an ordered and unordered lists in HTML:
Ordered List:
An ordered list is the list with numbers or orders of the items.
<ol></ol> tag is used to define that it is an ordered list. "ol" Stands for "Ordered list", whereas the items of list are defined by <li></li> tag which stands for "list" . The list looks like:
My Favourite Novels:
- Alchemists
- The Forty Rules of Love
- The pilgrimage.
Example:
<!DOCTYPE html>
<html>
<head><title>Styling in html</title></head>
<body>
<H1>Programming Languages</H1>
<ol>
<li>C++</li>
<li>Java</li>
<li>PHP</li>
</ol>
</body>
</html>
Unordered List:
An ordered List is that list which starts with bullets instead of numbers. The tag <ul></ul> is used to define that it is and unordered list whereas the the items in the list can be written in the tag <li></li>.It look like:
My Favourite Novels:
- Alchemists
- The Forty Rules of Love
- The pilgrimage.
Example:
<!DOCTYPE html><html><head><title>Styling in html</title></head><body><H1>Programming Languages</H1><ul><li>C++</li><li>Java</li><li>PHP</li></ul></body></html>
Note: The lists are important to make a figured structure of html page.
<!DOCTYPE html>
<html>
<head><title>Styling in html</title></head>
<body>
<H1>Programming Languages</H1>
<ul>
<li>C++</li>
<li>Java</li>
<li>PHP</li>
</ul>
</body>
</html>
0 Comments