HTML stands for HyperText Markup Language.
It structures the content of web pages using elements.
Elements are represented by tags.
Common tags include <p>, <div>, <h1>-<h6>.
HTML is not case-sensitive but usually written in lowercase.
<html></html>
<body></body>
- Elements
- Attributes
- Tags
CSS stands for Cascading Style Sheets.
It controls the appearance of HTML elements.
You can apply styles using inline, internal or external CSS.
CSS uses selectors to target elements.
It supports responsive design with media queries.
body { margin: 0; }
h1 { color: blue; }
- Selectors
- Properties
- Values
JavaScript is a programming language for the web.
It allows dynamic interactions and updates on web pages.
Variables are declared using let, const, or var.
Functions encapsulate blocks of reusable code.
Events can be handled with addEventListener.
let x = 5;
function greet() { alert('Hi'); }
- Variables
- Functions
- Events
The DOM represents the HTML document as a tree structure.
JavaScript can be used to access and modify DOM elements.
Common methods include getElementById and querySelector.
You can change content or styles using these methods.
Event listeners help interact with the DOM.
document.getElementById("demo");
document.querySelector(".box");
- Access
- Modify
- Listen
Responsive design ensures your site looks good on all devices.
It uses flexible grids, images, and media queries.
CSS media queries apply styles based on screen size.
Frameworks like Bootstrap simplify responsive layouts.
Mobile-first design is a common approach.
@media (max-width: 600px) { body { font-size: 14px; } }
.container { max-width: 100%; }
- Media Queries
- Flexbox/Grid
- Mobile-first