How To Make An Order List In HTML
What Is An Ordered List?
Today you will learn how to make an ordered list in HTML. The HTML Ordered List can help bring order to your documents or web pages.
Ordered List in HTML is a list of items that run in a numerical order. Your HTML list will start from the number 1 and goes up in sequence. HTML ordered list can use upper or lower case roman numerals and also, alphabets.
Ordered List Tags
Your ordered list must begin with an opening tag, which looks like this, <ol>.
Each HTML ordered list must have a closing tag, which looks like this, </ol>.
Your HTML ordered list will always be surrounded with an opening and closing line tags. The HTML ordered list line tags will looks like this, <li> </li>.
Your tag elements in an HTML ordered list, must be placed in between the opening and closing HTML body tags. To learn more about HTML coding rules, please read my free tutorial on HTML. Clicking on this link will take you to - What Is HTML Code?
Every item in your HTML ordered list must be on its own line. See example at the bottom of this post.
How To Make An Ordered List In HTML: Example
1 <!DOCTYPE html>
2 <head>
3 <title>How To Make An Ordered List In HTML</title>
4 </head>
5 <body>
6 <h4>Tasty Snack</h4>
7 <ol>
8 <li>Apples</li>
9 <li>Bananas</li>
10 <li>Oranges</li>
11 <li>Strawberries</li>
12 <li>Peaches</li>
13 </ol>
14 </body>
Tasty Healthy Snacks
- Apples
- Bananas
- Oranges
- Strawberries
- Peaches
You should be able to create an HTML Ordered List.
Coming Soon
In future tutorials and courses, I will be showing you how to create:
- Making HTML Unordered List
- HTML Tag Nesting
- Line Indentations
- HTML Comment
- More HTML Tags
- CSS Tutorials
- Javascript Tutorials
I will see you in the next lessons, until that time you should learn the Law of HTML at What Is HTML Code?. May God be with you always.
If you have any questions about html coding, please use the dussicion group or send me an PM here at Wealthy Affiliate if you are able.
Recent Comments
21
Kimberly, thank you for the comment. Make sure you take the training I created. I left a link in this post. God bless and keep that smile.
Thank you Louisa, for reading my post. Be sure to look at the training I created. There will be more training to come.
See more comments
Thank you for this useful information.
Jerome