Edit Article

Edited by Chris, Teresa, Jack Bridger, Jeff

Although ordered and unordered lists are easy, these lists combine the powers of both, to create the ultimate in lists in HTML codes. This article will help you out to create one for the ultimate in thrills from this type of HTML list.

Edit Steps

  1. 1
    Learn how to Make a List in HTML.
  2. 2
    Learn that a nested list is just an outline of a list with indentations and other lists inside a big list.

  3. 3
    Create the first part of the list up to the point where you'd like the indentation nested list to be placed/begin. Don't clear the initial list with a </ol> or </ul> tag yet.
    • Also, don't denote a separate list item, if it has no label to go along with it.
  4. 4
    Press Enter. Sometimes, looking at the code, you can see that this new list is a nested list.
  5. 5
    Create the new indented sub-list using the format for the type of list you'd like. Denote the list using either the <ul> or <ol> tag and enter your list items.
  6. 6
    End this inner/indented list type.
  7. 7
    End the full outer list or, if you have further indentations, type these lists too (while not ending the previous lists).
    • If you need to bring more bullet points outwards a level after you are finished, end the list and type another list item without typing a brand new ordered list or unordered list-tag.
  8. 8
    Bring the document to a close. Type the ending tag for the ordered tag or unordered tag (in a reverse fashion, from inner-most to outer-most fashion).

Edit Video



Edit Tips

  • Although a nested list is tough to decipher at first glance, a thorough look at sites that contain these lists, you'll see they are really easy. Repetitive motions to read their source code, will help make you understand these lists better.

Edit Related wikiHows

How to
Make a Collapsible List in HTML Without Java

How to
Learn HTML

How to
Make a List in HTML

How to
Create a Link With Simple HTML Programming

Edit Sources and Citations

Article Info

Categories: HTML

Recent edits by: Jack Bridger, Teresa, Chris

Thanks to all authors for creating a page that has been read 1,957 times.

Was this article accurate?

YesNo
x

Thank Our Volunteer Authors.

Follow us on Google+