Theory
Theory

Multilevel list

Creating a multilevel list is fairly simple.

First you need to create a first-level list, and then add a second-level list inside any element of this list, between <li> and </li> tags. It is necessary to close all tags carefully.

Example of correct code:

<ul>
  <li>1
    <ul>
      <li>1.1</li>
      <li>1.2</li>
    </ul>
  </li>
  <li>2</li>
</ul>

Example code with error:

<ul>
  <li>1</li>
  <ul>
    <li>1.1</li>
    <li>1.2</li>
  </ul>
  <li>2</li>
</ul>

In the example with the error, the nested list is inserted not inside the list element, but between the elements, which is unacceptable.

The number of levels in lists is unlimited. Both ordered and unordered lists can be used in a multilevel list.

index.html

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Multilevel list</title> </head> <body> <h1>Course Sections</h1> <ol> <li> Heading Tags <ol> <li>h1</li> <li>h2</li>  </ol> </li> <li>List Tags</li> <li>Forms Tags</li> </ol> </body> </html>

GoalsCompleted

Add two more items to the "Heading Tags" sublist.