Features: order is not essential
- Keyboard-friendly controls
- Responsive layout
- Readable colour contrast
Unordered, Ordered, and Nested Lists
Choose the list whose meaning matches the relationship between items.
Order changes meaning only sometimes
Instructions: sequence matters
- Read the task.
- Write meaningful HTML.
- Add presentation with CSS.
- Test at narrow and wide widths.
Nest a sublist inside its owning item
-
Front-end foundations
- Semantic HTML
- Accessible forms
- Responsive CSS
-
Data structure
- Lists for grouped items
- Tables for row-and-column relationships
The nested list belongs inside the parent li, after its label.