ul: a set, order does not matter
- Laptop
- Charger
- Student ID
Shuffle the items and the list means the same thing.
ol: a sequence, order matters
- Write the markup
- Validate it
- Preview it
start="4": a list that continues
- Fix what the validator found
- Commit
reversed: a countdown
- Bronze
- Silver
- Gold
ol type and li value: when the marker is content
type="a", because the text below refers to item (b) by its letter.
- The student submits the work by the deadline.
- Late work loses ten percent per day.
- Item (b) does not apply to approved extensions.
value="10" on one item
- One
- Ten
- Eleven: counting continues from the new value
A nested list goes inside an li
- Principles
- HTML as a language
- The document
- Semantics
- Landmarks and sectioning
- Headings, text and lists
The inner ul is a child of the li, never of the outer list. The numbering does not become 1.1, 1.2: that takes CSS counters.
dl: names and values
- HTML
- HyperText Markup Language, the structure of a page.
- Validator
- A program that checks markup against the standard.
- The Nu HTML Checker is the reference one.
- Color
- Colour
- The CSS property that sets the text color.
Validator has two descriptions; Color and Colour share one.
dl with div groups: metadata as cards
- Series
- HTML
- Lessons
- 10
- Groups
- 3
- Format
- Reading and demos
Styled: each div wraps one dt and its dd, the only place a div may sit directly in a dl.
A menu is a list too
Styled: list-style: none and a flex row. The role="list" is redundant in the standard, and validators say so, but Safari with VoiceOver may drop the list semantics of a list with no markers without it.