← Back to Home

Week 02 - HTML Structure, Lists & Tables

Reference files for Week 02 content.

Open Interactive Presentation (Slides)

Examples

  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

Key Concepts

Concept Example File Tags Covered
Tables 01-schedule.html table, thead, tbody, th, td, caption, scope, colspan
Lists 02-recipe.html ul, ol, li, dl, dt, dd, nested lists
Semantic HTML 03-blog.html header, nav, main, article, section, aside, footer
Advanced Tables 04-comparison.html Complex table structure with rowspan