← Back to Home

Week 02 - HTML Structure, Lists & Tables

Reference files for the live-coding demos, in teaching order. Open any example and use View Source (right-click → View Page Source) to read the code — then rebuild it yourself.

▶  Open the Interactive Slides

1. Course Schedule Table

Accessible table with caption, scope, colspan

2. Recipe Page

Lists (ordered, unordered, nested)

3. Blog Article

Full semantic HTML5 structure

4. Product Comparison

Complex table with multiple features

Tip: don't copy-paste. Type the code yourself, break it on purpose, then fix it. Use DevTools (F12) to inspect what's happening.