HTML unordered lists are used to display a list of items where the order does not matter.
Unordered lists are commonly used for navigation menus, feature lists, bullet points, and content grouping on websites.
The <ul> and <li> Tags
An unordered list is created using the <ul> tag.
Each item inside the list is defined using the <li> tag.
In this example:
- <ul> defines the unordered list
- <li> defines each list item
- The browser displays items with bullet points by default
Nested Unordered Lists
Unordered lists can be nested inside other list items. This is useful for dropdown menus and grouped content.
Nested lists help organize complex information and are commonly used in website menus and documentation.
Best Practices for Unordered Lists
- Use lists only for grouped items
- Keep list items short and meaningful
- Avoid using lists only for styling
- Combine lists with CSS for better layout
Why Unordered Lists Matter for Jobs
Navigation menus and feature sections are often built using unordered lists.
Understanding how lists work is essential for building clean, structured, and accessible layouts.
Practice Task
Create an unordered list showing your skills or website menu items. Try nesting one list inside another.
What You Will Learn Next
In the next lesson, you will learn how to create ordered lists using HTML.