How to Make a List in HTML

Last Updated: March 4, 2021

Creating lists inside an HTML document is a fairly easy process. It may take a few items to complete, but if you get it down pat, you'll have no problems in creating your list. This article will explain the basics use in creating lists of HTML coding.

Steps

1
Open a simple text editing program. Such as either Notepad or WordPad on Windows, TextEdit on Mac, or Nano or gEdit on Linux.
2
Type all preceding HTML text that you want before the horizontal line.

Advertisement
3
Determine what type of list you want to make (how the formatting should look). You have two basic styles: unordered and ordered lists.

Method 1

Method 1 of 2:

Unordered List

1
Type the unordered list opening tag, with <ul>.
2
Type the list item opening tag for your first item with <li>. At the end of the list item, close it with the closing tag </li>.
3
Repeat this previous step, until all your list items are concluded.
4
Type the unordered list closing tag with </ul>
5
Type the proceeding HTML text that you want for the remainder of the document.

Method 2

Method 2 of 2:

Ordered List

1
Type the ordered list opening tag, with <ol>.
2
Type the list item opening tag for your first item with <li>. At the end of the list item, close it with the closing tag </li>.
3
Repeat this previous step, until all your list items are concluded.
4
Type the ordered list closing tag with </ol>
5
Type the proceeding HTML text that you want for the remainder of the document.

Community Q&A

Question

How do I create an HTML form?

Nicole Futoryansky

Community Answer

You can use notepad or, for more sophisticated coding, Sublime Text. One website for looking at the results directly next to your code is Code Pen, but it is not very practical for the entire website.