What type of HTML list will automatically place a number in front of the items?

What type of html list will automatically place a number in front of the items?

When it comes to HTML, some of the most asked questions involve lists. More specifically, list functionality. The most viewed question being “What type of HTML list will automatically place a number in front of the items?“. The answer is quite simple, and we don’t blame you. Knowledge is key after all and here are ordered lists

HTML lists that will automatically place a number in front of the items

Ordered Lists:

So what is an ordered list? Basically, there are two major types of lists in HTML. Ordered and Unordered lists both symbolized <ol> and <ul> respectively.
An Ordered list creates an array/list of items numerically numbered as the list increases. For example, a list of five items will contain five numbers from 1 all the way until the end of the list item which would be the fifth so 5. In short, ordered lists numerically assort your list with numerical integers according to first and last.

Example:
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ol>

Output:
1.One
2.Two
3.Three
4.Four
5.Five

Unordered lists:

Unordered lists create bullet points instead of numbers at the beginning of the listed items. Most commonly confused for ordered lists, unordered lists subtly sort out lists in a unwary unorganized like manner.

Example:
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ul>

Output:
• One
• Two
• Three
• Four
• Five

Types of Ordered Lists:

#1.Alphabetical List

Other than numerical and bullet points used in the latter, ordered lists have a variety of types and formats. These types include the basic alphabetical lettering of list items from a – z the only problem with this type is that it is intended for small lists below 26 items(the number of letters of the alphabet). Otherwise, past ‘z ‘, the 26th letter or in this case, the 26th item, the formatting will reset causing a not so appealing list. Best for unformal type documents, letters and emails. Simple yet old school way of item listing, elementary school nostalgia.

Example:
<ol type=”a”>
<li>One</li>
<li>Two</li>
<li>Five</li>
</ol>

Output:
a).One
b).Two
c).Three
d).Four
e).Five

#2. Roman Numerical

The other type of ordered list is the classic roman numbering. In this list type, the ordered list is numbered using roman letters such as i,ii,iii,iv etc so on and so forth. Unlike the alphabetically ordered lists, the range in which the list can be number is larger than the latter. It’s perfect for formal type documents, emails and business proposals. Neat, formal and quite appealing to the eyes.

Example:
<ol type=”i”>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ol>

Output:
i).One
ii).Two
iii).Three
iv).Four
v).Five

Which list is best to use?

Depending on the individual or task, each listing type services a purpose to certain occasions. For example, if you need a basic shopping list, an unordered bullet point list will be ideal, or say you need a stock inventory list to keep tabs of your company stock then why not roll with an ordered list as you can micromanage and track items according to their numbers.