← Back to Home

Week 01 - HTML Examples

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. Basic HTML

Hello world, headings, paragraphs, lists

2. Student Profile

Exercise 1 solution

3. Registration Form

Exercise 2 solution

4. Tables

Student records and schedule

5. Semantic HTML

header, nav, main, article, footer

6. Links and Images

All link types and image usage

7. Common Mistakes

Intentional errors for debugging demo

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