Loading challenge...
Lists
Work with ordered and unordered lists
Unordered List
Bullet points for unordered items
- First item in unordered list
- Second item in unordered list
- Third item in unordered list
- Fourth item in unordered list
- Fifth item in unordered list
Ordered List
Numbered items for sequential content
- First step in the process
- Second step in the process
- Third step in the process
- Fourth step in the process
- Fifth step in the process
Nested List
Hierarchical structure with parent and child items
- Parent Item 1
- Child 1.1
- Child 1.2
- Parent Item 2
- Child 2.1
- Child 2.2
- Child 2.3
- Parent Item 3 (no children)
Definition List
Terms and their definitions
- HTML
- HyperText Markup Language - the standard markup language for web pages
- CSS
- Cascading Style Sheets - used for styling web pages
- JavaScript
- A programming language for creating interactive web content
Checkbox List
Todo-style list with interactive checkboxes
Testing Tips
Automation hints
- ✓ Count list items using
#unordered-list lior#ordered-list li - ✓ Access nested children via
#parent-1 ul lifor hierarchical lists - ✓ Use definition list selectors:
#term-1,#def-1pairs - ✓ Toggle checkboxes
#task-1through#task-4and verify checked state - ✓ Extract text content from list items using
textContent()
