Unordered lists in HTML - Cheat Sheet & Quick Revision

Recall & Review

beginner

What HTML tag is used to create an unordered list?

The <ul> tag is used to create an unordered list in HTML.

beginner

How do you add items inside an unordered list?

Use the <li> tag inside the <ul> tag to add each list item.

beginner

What is the default bullet style for unordered lists in most browsers?

The default bullet style is a solid black circle (disc) for unordered lists.

intermediate

Can unordered lists be nested inside other lists?

Yes, you can nest <ul> inside <li> elements to create sublists.

intermediate

Why should you use semantic HTML tags like <ul> instead of just styling text to look like a list?

Using semantic tags helps browsers and assistive technologies understand the content structure, improving accessibility and SEO.

Which tag starts an unordered list in HTML?

A <list>

B <ul>

C <li>

D <ol>

The <ul> tag is used to start an unordered list.

Which tag is used for each item inside an unordered list?

A <li>

B <ul>

C <item>

D <ol>

Each list item inside an unordered list uses the <li> tag.

What symbol is shown by default before each item in an unordered list?

A Solid black circles (bullets)

B Letters

C Numbers

D No symbol

Unordered lists show solid black circles (bullets) by default.

Can you put an unordered list inside a list item of another unordered list?

A No, nesting lists is not allowed

B Only ordered lists can be nested

C Yes, nesting unordered lists is allowed

D Only one list per page is allowed

You can nest unordered lists inside list items to create sublists.

Why is it better to use <ul> for lists instead of just styling text?

A It uses less code

B It looks prettier

C It makes the page load faster

D It helps screen readers and search engines understand the content

Using semantic tags like <ul> improves accessibility and SEO.

Explain how to create a simple unordered list with three items in HTML.

Think about the container tag and the item tags inside it.

Describe why semantic HTML tags like <ul> are important for web accessibility.

Consider how assistive tools use HTML tags.