HTML Numbered Lists

HTML Lists - HTML Numbered Lists

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

The following number options are:

• Plain / Normal Numbers
• Capital Letters
• Small Letters
• Capital Roman Numbers
• Small Roman Numbers

In addtion to these options we 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 Numbered List Syntax Table
HTML - Code	Explanation / Example
<ol type = "1">	Starts a numbered list, using plain / normal numbers. This is one line This is another line And this is the final line
<ol type = "A">	Starts a numbered list, using capital letters This is one line This is another line And this is the final line
<ol type = "a">	Starts a numbered list, using small letters This is one line This is another line And this is the final line
<ol type = "I">	Starts a numbered list, using capital roman numbers This is one line This is another line And this is the final line
<ol type="I" start="7">	An example of how type and start can be combined This is one line This is another line And this is the final line
<ol type = "i">	Starts a numbered list, using small roman numbers This is one line This is another line And this is the final line

HTML Bulleted Lists

HTML Lists - HTML Bulleted Lists

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

The following bullet options are:

• Disc
• Circle
• Square

Look at these examples to see the detailed syntax:

HTML Bulleted Lists Syntax
HTML - Code	Explanation / Example
<ul type="disc">	Starts a bulleted list using disc as bullets: This is one line This is another line And this is the final line
<ul type = "circle">	Starts a bulleted list using squares as bullets: This is one line This is another line And this is the final line
<ul type = "square">	Starts a bulleted list using squares as bullets: This is one line This is another line And this is the final line

HTML Lists

HTML Lists

To create a bulleted list we need to add a <ul> and a </ul> tag at the beginning and the end of the list. Numbered lists have <ol> tags instead of <ul> tags. To separate single list items use <li> and </li> tags. There are special settings that we can use to customize the lists on our page.