Skip to main content

Command Palette

Search for a command to run...

HTML Tutorial For Beginners Part 7

Updated
2 min read
HTML Tutorial For Beginners Part 7
A

I am a web developer from Afghanistan and I am ready for remote working and mentoring and as well for accepting internship.

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👇

• Potato

• Apple

• Orange

• Melon

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>

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. If you want to learn more about lists refer to mdn.org. Hope you enjoy the story please share and like it.

HTML TUTORIAL FOR BEGINNERS

Part 7 of 11

In this series, I will teach or post useful lessons about HTML and it's tips and tricks

Up next

Html Tutorial For Beginners Part 6

In this post you'll learn how to create dead link using hash symbol #