Nested lists in HTML - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is a nested list in HTML?

A nested list is a list placed inside another list item. It helps organize information in a hierarchy, like chapters and subchapters in a book.

beginner

Which HTML tags are used to create nested lists?

You use <ul> or <ol> tags inside a <li> tag to create nested lists. <ul> is for unordered (bulleted) lists, and <ol> is for ordered (numbered) lists.

beginner

How does nesting lists help in real life?

Nesting lists helps show details clearly. For example, a grocery list can have categories like Fruits, and inside Fruits, you list Apples, Bananas, etc.

intermediate

What is the correct way to nest an ordered list inside an unordered list?

Place the <ol> inside a <li> of the <ul>. For example:<br>

<ul>
  <li>Item 1
    <ol>
      <li>Subitem 1</li>
    </ol>
  </li>
</ul>

intermediate

Can you nest multiple levels of lists in HTML?

Yes, you can nest lists as many levels as you want. Each nested list goes inside a <li> of the parent list, creating a clear structure.

Which tag is used to start an unordered list in HTML?

A <li>

B <ol>

C <ul>

D <list>

The

tag starts an unordered (bulleted) list.

Where do you place a nested list inside the parent list?

A Inside a <li> element

B Directly inside <ul> or <ol> without <li>

C Outside the list tags

D Inside a <div> only

Nested lists must be inside a

element of the parent list.

What happens if you put a nested list outside a <li>?

A The browser ignores it

B It causes a browser crash

C It creates a new separate list

D It still works but is not valid HTML

Placing nested lists outside

is invalid HTML and may cause unexpected display.

Which of these is a valid nested list structure?

A <ul><ul><li>Item</li></ul></ul>

B <ul><li>Item<ul><li>Subitem</li></ul></li></ul>

C <li><ul>Item</ul></li>

D <ol><li>Item</li><li>Subitem</li></ol>

Option B correctly nests a

inside a
• .

Can you mix ordered and unordered lists in nesting?

A Yes, you can nest <ol> inside <ul> and vice versa

B No, you must use only one type

C Only <ul> can be nested

D Only <ol> can be nested

HTML allows mixing ordered and unordered lists in nesting.

Explain how to create a nested list in HTML and why it might be useful.

Think about how you organize items in groups and subgroups.

Describe the rules for placing nested lists inside parent lists in HTML.

Focus on where the nested list tags go in the HTML structure.