HTML List - Ordered

Let's get started with creating an ordered lists in html coding. I'm going to cheat and use the one from my blog post, which is in example 1 below. We'll work together on creating a another html ordered list. It'll be fun and easy, you'll see

Example 1

1 <!DOCTYPE html>

2 <head>

3 <title>How To Make An Healthy Snacks Ordered List In HTML Coding</title>

4 </head>

5 <body>

6 <h4>Healthy Snacks</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>

15</html>


Healthy Snacks is a simple example of what a html ordered list looks like. Here is another example of an ordered list detailing what I'm going to do in each lesson of this tutorial.

Example 2

Lesson Outline

  1. Lesson 3 - Recreate the healthy food list and add HTML style elements.
  2. Lesson 4 - Create a list about starting a business on the Internet.

I got a lot of work ahead of me, so let's move on.


If you have any questions about creating ordered list using html, please use the dussicion group or send me an PM here at Wealthy Affiliate.

Up Next - HTML List: Attributes



Join the Discussion
Write something…
Recent messages
jtaienao Premium
Thanks for the training LeNard. This is definitely not a skill learned overnight.
Jerome
Reply
seconds2work Premium
No, it takes time. I study a little every day, now it's easier.
Reply
reanna1 Premium
Thanks for this training, LeNard!
Reply
seconds2work Premium
Thank you, Rebecca.
Reply
drcmaint Premium
This is good stuff, thanks.
Reply
seconds2work Premium
Thank you, John
Reply
AchuthanN1 Premium
Thank you for the training.
Reply
seconds2work Premium
Thank you, Achuthan
Reply
JMupanguri Premium
Thanks for sharing.
Reply
seconds2work Premium
You are welcom, Jonathan.
Reply
Top