HTML TUTORIAL FOR BEGINNERS PART 7

ahmadullahnikzad

ahmadullah

Posted on July 27, 2021

HTML TUTORIAL FOR BEGINNERS PART 7

Sometimes you wanna create list with bullet but sometimes with number, this kinda of stuff are called list elements in HTML.
List elements are divided into two type:
1- Ordered list
2- Unordered list

Ordered list

Is a list which its list items are numbered at the beginning of the item.
For example you wanna list your school's subjects as the total of your subjects be clear like below👇
1- Math
2- Physics
3- Geometry
4- Computer science
5- Probability
6- Chemistry
As you see the list items are numbered at the beginning of the item.
I hope you, am clear and explained it professionally hope you understand my point.

Unordered list

Is a list which its items are not numbered but they are started with bullets •, the number of items are not cleared and displayed.
Unordered list is like below👇
• Math
• Physics
• Chemistry
• Probability
How to create these types of lists in HTML.
Don't be scared, it's super easy just look below👇

<!--Ordered list-->
<ol>
<li>ordered list item 1</li>
</ol>
<!--Unordered list-->
<ul>
<li>unordered list item 1</li>
</ul>
Enter fullscreen mode Exit fullscreen mode

As you see <ol> means ordered list.
<ul> implies unordered list.
Inside ordered or unordered list we put list item which is <li>.
As much as item you can add into your list.
We can customize unordered and ordered list using list-type property.
If you want to learn more about lists refer to mdn.org.
Hope you enjoy the story please share and like it.

💖 💪 🙅 🚩
ahmadullahnikzad
ahmadullah

Posted on July 27, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related