Interactive Demonstrations
Welcome to the Demonstrations page! Reading the theory behind web development is important, but seeing the code in action is where it truly clicks.
This section contains isolated, interactive examples of the concepts covered in this curriculum. You are highly encouraged to view these pages, open your browser's Developer Tools (F12 or Right Click -> Inspect), and experiment with the HTML, CSS, and JavaScript.
HTML & CSS Demos
These examples focus on page structure and visual styling, moving from basic block elements up to modern layout systems like Flexbox.
- Inline vs Block Tags
- List Tags: ul and ol
- Image and Hyperlink Tags
- Table Tag
- How CSS Works
- CSS Alignment
- CSS Float
- CSS Positioning
- CSS Flexbox
JavaScript Demos
These examples focus on interactivity, the DOM, and handling user input.