How to give bulleting to the text in html.
░▒▓█ ᗯEᒪᑕOᗰE TO TᕼIs ᗷᒪOG █▓▒░
To give the feature of bulleting you should be knowing the two types of bulleting symbols
They are Ordered list <ol> and Unordered list <uL>
Ordered list is a list which shows numbers like this
1.
2.
3.
4.......
and Unordered list shows bullets like this
- something
- something else
- something more
And an important point is that to tell the browser the it is a point we should mention <li> and </li> tag.
Lets try it
Ordered list:
<html>
<head> <title> Ordered List or Numbered List </title>
</head>
<body>
<b> Cup of tea </b>
<hr>
Steps to make a cup of tea.
<ol>
<li> Take 3/4 cup of water and boil it in kettle.
<li> Add a table spoon of sugar.
<li> Add 1/4 cup of milk.
<li> Pour the tea into a cup.
<li> Add a tea bag.
</ol>
</body>
</html>
Unordered list:
<html>
<head> <title> Nesting of Lists </title>
</head>
<body>
<b> Fruits and Vegitables </b>
<br>
<ul type="square">
<li> Fruits </li>
<ul type="circle">
<li> Mango </li>
<li> Grapes </li>
</ul>
<li> Vegitables </li>
<ul type="circle">
<li> Potato </li>
<li> Onion </li>
</ul>
</ul>
</body>
</html>
(there are some attributes added you can ignore it for now)
Comments