How To Design A Nested List App

Download Article

Download Article

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.

Steps Download Article

1. 1

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 and press ↵ Enter . 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.
   • Sometimes, looking at the code, you can see that this new list is a nested list.

4. 4

   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.

5. 5

   End this inner/indented list type.

6. 6

   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.

7. 7

   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).

Add New Question

• Question

  How do I place bullets on a list in HTML?

  

  Rather than opening with the simple Unordered List tag, type replacing 'square' with the type of bullet you want.

Ask a Question

200 characters left

Include your email address to get a message when this question is answered.

Submit

Video

• 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.

Thanks for submitting a tip for review!

About This Article

Thanks to all authors for creating a page that has been read 65,898 times.

Is this article up to date?

How To Design A Nested List App

Source: https://www.wikihow.com/Create-a-Nested-List-in-HTML

Posted by: musialanated1978.blogspot.com

Share this post