Edit Article

Two Methods:Unordered ListOrdered List

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.

Ad

Steps

  1. Italicize Text in HTML Step 1.jpg
    1
    Open a simple text editing program such as either Notepad or WordPad on Windows, or, on a Mac open up TextEdit.
    Ad
  2. Italicize Text in HTML Step 2.jpg
    2
    Type all preceding HTML text that you want before the horizontal line.
  3. Make a List in HTML Step 3.jpg
    3
    Determine what type of list you want to make (how the formatting should look). You have two basic styles.
    Ad

Method 1 of 2: Unordered List

  1. Make a List in HTML Step 4.jpg
    1
    Type the unordered list opening tag, with <ul>.
  2. 2
    Type the list item opening tag for your first item with <li>.

    Make a List in HTML Step 5.jpg
  3. Make a List in HTML Step 6.jpg
    3
    Repeat this previous step, until all your list items are concluded.
  4. Make a List in HTML Step 7.jpg
    4
    Type the unordered list closing tag with </ul>
  5. Make a List in HTML Step 8.jpg
    5
    Type the proceeding HTML text that you want for the remainder of the document.
    Ad

Method 2 of 2: Ordered List

  1. 1
    Type the unordered list opening tag, with <ol>.

    Make a List in HTML Step 9.jpg
  2. 2
    Type the list item opening tag for your first item with <li>.

    Make a List in HTML Step 10.jpg
  3. Make a List in HTML Step 11.jpg
    3
    Repeat this previous step, until all your list items are concluded.
  4. Make a List in HTML Step 12.jpg
    4
    Type the unordered list closing tag with </ol>
  5. Make a List in HTML Step 13.jpg
    5
    Type the proceeding HTML text that you want for the remainder of the document.
    Ad

We could really use your help!

Can you tell us about
electrical maintenance?
Can you help us
rate articles?
Yes
No
electrical maintenance
how to wire a double switch
Can you tell us about
wireless networking?
Yes
No
wireless networking
how to jam a network
Can you tell us about
Dell computers?
Yes
No
Dell computers
how to repair Dell laptop keyboard keys
Can you tell us about
cooking with tuna?
Yes
No
cooking with tuna
how to sear tuna
Thanks for helping! Please tell us everything you know about
...
Tell us everything you know here. Remember, more detail is better.
Tips
Provide Details.
Please be as detailed as possible in your explanation. Don't worry about formatting! We'll take care of it. For example:
Don't say: Eat more fats.
Do say: Add fats with some nutritional value to the foods you already eat. Try olive oil, butter, avocado, and mayonnaise.
Submit

Related wikiHows

How to
Make a Collapsible List in HTML Without Java

How to
Learn HTML

How to
Define a Selectable List in HTML

How to
Create a Nested List Using HTML Programming

How to
Define a Definition List in HTML

Sources and Citations


Article Info

Categories: HTML

Thanks to all authors for creating a page that has been read 3,570 times.

Did this article help you?
Yes No

Become
an Author!

Write an Article