HTML, CSS, and JavaScript – Quick Notes
■ HTML (HyperText Markup Language)
Purpose: Structure of a webpage.
What it does: Defines elements like headings, paragraphs, images, links, forms, etc.
Example:
<h1>Hello, World!</h1>
<p>This is a webpage.</p>
Think of it as: The skeleton of a webpage.
■ CSS (Cascading Style Sheets)
Purpose: Style and design the webpage.
What it does: Controls colors, fonts, layout, spacing, etc.
Example:
h1 { color: blue; text-align: center; }
Think of it as: The clothes and makeup of the webpage.
■■ JavaScript (JS)
Purpose: Add interactivity and logic.
What it does: Makes pages dynamic — handles clicks, animations, data updates, etc.
Example:
[Link]('h1').onclick = function() { alert('You
clicked the heading!'); };
Think of it as: The brain of the webpage.
■ Summary
Technology Role Example Use
HTML Structure Add text, images, forms
CSS Style Change colors, layout
JavaScript Interactivity Handle button clicks, animations