HTML topics
12 short topics in HTML CSS and Accessibility. Each one is a single focused exercise with a clear piece of evidence at the end.
12 topics, one exercise each.
Work through them in order, or jump to the one you need.
These are draft topic outlines (draft; instructor review pending). Full lessons follow after review; ask Ajay if you need a topic sooner.
- 01
Landmarks and sectioning elements
Demonstrate landmarks and sectioning elements in a focused HTML example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 02
Heading hierarchy
Demonstrate heading hierarchy in a focused HTML example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 04
Form controls and labeling
Demonstrate form controls and labeling in a focused HTML example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 05
Native form validation
Demonstrate native form validation in a focused HTML example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 06
Table structure and associations
Demonstrate table structure and associations in a focused HTML example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 07
Image and media alternatives
Demonstrate image and media alternatives in a focused HTML example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 08
Responsive image selection
Demonstrate responsive image selection in a focused HTML example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 09
Document metadata
Demonstrate document metadata in a focused HTML example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 10
Resource loading attributes
Demonstrate resource loading attributes in a focused HTML example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 11
Data attributes and DOM interaction
Demonstrate data attributes and dom interaction in a focused HTML example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 12
HTML parsing and accessible semantics
Demonstrate html parsing and accessible semantics in a focused HTML example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course →
More in Markup configuration and query languages.
You have the curiosity.
Let’s turn it into capability.
Start with a practical workshop or bring a specific question to Ajay.