How can you make a numbered list in HTML

This page shows how to make different kinds of numbered lists.

You have the following number options:

• Plain numbers


• Capital Letters


• Small Letters


• Capital Roman Numbers


• Small Roman Numbers

In addition to these options you can specify at which number the list should start. The default start value for numbered lists is at number one [or the letter A].

Look at these examples to see the detailed syntax.

HTML-CODE	EXPLANATION / EXAMPLE
text text text	Makes a numbered list using the default number type: text text text
	Starts a numbered list, first # being 5. This is one line This is another line And this is the final line
	Starts a numbered list, using capital letters. This is one line This is another line And this is the final line
	Starts a numbered list, using small letters. This is one line This is another line And this is the final line
	Starts a numbered list, using capital roman numbers. This is one line This is another line And this is the final line
	Starts a numbered list, using small roman numbers. This is one line This is another line And this is the final line
	Starts a numbered list, using normal numbers. This is one line This is another line And this is the final line
	An example of how type and start can be combined. This is one line This is another line And this is the final line

Try the HTML5 and CSS3 Course for Free!

Ordered Lists in HTML: Overview

            You can insert ordered lists in HTML documents to display organized lists of items that start with a number or letter and continue in sequence. Ordered lists in HTML are generally used to list items by their priority or their sequence in a process. For example, you might use ordered lists in HTML to show instructions about completing a specific task.

            When you create ordered lists in HTML, you must use two different tags. First, place the

…

tags around the text you want to become the ordered list. Second, place the

…

tags around each line item within the list.

            You have five choices when creating ordered lists in HTML: upper-case letters [A,B,C], lower-case letters [a,b,c], upper-case Roman numerals [I,II,III], lower-case Roman numerals [i,ii,iii] and Arabic numerals [1,2,3], which are the default. You define the type of ordered list you want by using the TYPE attribute and placing it within the

start tag.

            You can also start the ordered sequence at any point in the sequence by using the START attribute. For example, if you wanted to start your list with item D, you would use the attribute start=“D” by placing it within the

start tag.

Start Tag:
End Tag:
Attributes:	type=“1” [Default]	List sequence uses 1,2,3, etc.
	type=“A” [Upper case alphabet]	List sequence uses A,B,C, etc.
	type=“a” [Lower case alphabet]	List sequence uses a,b,c, etc.
	type=“I” [Upper case Roman numerals]	List sequence uses I,II,III, etc.
	type=“i” [Lower case Roman numerals]	List sequence uses i,ii,iii, etc.
	start=“?” [Starting value]	Where “?” is the starting value.
Related Tags:	… [Line item]
Example:	My list: First Item Second Item Third Item	This tag will cause the items surrounded by the line item tags to be displayed as an ordered list.
Result:	My list: First Item Second Item Third Item

Ordered Lists in HTML – Tutorial: A picture of an ordered list in HTML shown in a web browser window.

Ordered Lists in HTML: Instructions

1. To create an ordered list in HTML, type the first part of the start tag
   character.
   1. Press the “Enter” key on your keyboard.
   2. Type
   3. .
   4. Type the text for the first item in your list.
   5. Type
   .
   6. Repeat steps 4 through 7 for each additional line item to add.
   7. When done, press the “Enter” key on your keyboard.
   8. Type
   .

Ordered Lists in HTML: Video Lesson

            The following video lesson, titled “Numbered [Ordered] Lists,” shows you how to create ordered lists in HTML. This video lesson is from our introductory HTML5 and CSS3 course, titled “Mastering HTML5 and CSS3 Made Easy v.1.0.”

Tagged under: add a numbered list in html, add an ordered list in html, add ordered lists in html, help, how to add a numbered list in html, how to create a numbered list in html, how to create lists in html, how to create numbered lists in html, how to create ordered lists in html, how-to, html, html help, html ordered list, html5, HTML5 class, html5 ordered list, learn, lesson, li tag in html, list, lists, numbered list, numbered lists, ol tag in html, ordered list, ordered list html, ordered list in html, ordered lists, ordered lists in html, Ordered Lists in HTML5, overview, tag, teach, training, tutorial, video, what is an ordered list, write HTML

What is the numbered list tag in HTML?

The
tag defines an ordered list. An ordered list can be numerical or alphabetical. The
1. tag is used to define each list item. Tip: Use CSS to style lists.

What are the types of number list in HTML?

HTML Ordered List | HTML Numbered List.

How can you make a bulleted list HTML?

The
tag defines an unordered [bulleted] list. Use the
tag together with the
• tag to create unordered lists. Tip: Use CSS to style lists. Tip: For ordered lists, use the
  tag.

How do you add numbers in HTML?

You can then add numbers in the first two text boxes and store them in a variable such as "result," as follows: var result = Number[box1. value] + Number[box2. value]; box3.