Module 4: Building for the Web: HTML, CSS & JavaScript
- Structure a page's content with semantic HTML
- Style layout and appearance with CSS
- Add interactivity with JavaScript and the DOM
Every website, no matter how advanced its framework, ultimately compiles down to HTML, CSS, and JavaScript running in a browser. HTML provides structure and meaning (headings, paragraphs, buttons, forms); CSS controls appearance (colors, spacing, layout, responsiveness across screen sizes); and JavaScript adds behavior, allowing a page to respond to clicks, fetch new data, and update itself without a full reload. You will learn the Document Object Model (DOM), the browser's live representation of a page's structure that JavaScript reads and modifies, for example changing a button's text or showing a hidden menu when a user clicks it.
1. The DOM (Document Object Model) is best described as:
2. Which language is primarily responsible for a webpage's visual styling, such as colors and spacing?
3. Using semantic HTML (like <button> or <nav>) instead of generic elements for everything mainly improves: