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. 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. 2
    Type all preceding HTML text that you want before the horizontal line.
    Advertisement
  3. 3
    Determine what type of list you want to make (how the formatting should look). You have two basic styles: unordered and ordered lists.
  4. Advertisement
Method 1
Method 1 of 2:

Unordered List

  1. 1
    Type the unordered list opening tag, with <ul>.
  2. 2
  3. 3
    Repeat this previous step, until all your list items are concluded.
  4. 4
    Type the unordered list closing tag with </ul>
  5. 5
    Type the proceeding HTML text that you want for the remainder of the document.
  6. Advertisement
Method 2
Method 2 of 2:

Ordered List

  1. 1
  2. 2
  3. 3
    Repeat this previous step, until all your list items are concluded.
  4. 4
    Type the ordered list closing tag with </ol>
  5. 5
    Type the proceeding HTML text that you want for the remainder of the document.
  6. Advertisement

Community Q&A

  • Question
    How do I create an HTML form?
    Nicole Futoryansky
    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.
Advertisement

About This Article

wikiHow is a “wiki,” similar to Wikipedia, which means that many of our articles are co-written by multiple authors. To create this article, volunteer authors worked to edit and improve it over time. This article has been viewed 37,988 times.
How helpful is this?
Co-authors: 4
Updated: March 4, 2021
Views: 37,988
Categories: HTML
Advertisement