Here’s a detailed and structured notes on Web Development with highly important
properties and functions that can help students or beginners get a strong grasp of the
subject.
📚 Web Development Notes — Properties & Functions
1. Introduction to Web Development
Web development is the process of creating, building, and maintaining websites or web
applications. It involves:
• Front-end development (Client-side)
• Back-end development (Server-side)
• Full-stack development (Both)
2. Core Components
A. Front-End Development
Purpose: The part of the website users see and interact with. Languages & Functions:
1. HTML (HyperText Markup Language)
a. Function: Structures web content.
b. Properties:
i. <head> — Metadata, title, links to CSS/JS.
ii. <body> — Main visible content.
iii. Attributes like id, class, src, alt.
2. CSS (Cascading Style Sheets)
a. Function: Styles and designs the web page.
b. Important Properties:
i. color, background-color, font-size
ii. margin, padding, border
iii. display, flex, grid
iv. position (static, relative, absolute, fixed)
v. z-index for element stacking.
3. JavaScript (JS)
a. Function: Adds interactivity and dynamic behavior.
b. Important Functions & Methods:
i. document.getElementById()
properties and functions that can help students or beginners get a strong grasp of the
subject.
📚 Web Development Notes — Properties & Functions
1. Introduction to Web Development
Web development is the process of creating, building, and maintaining websites or web
applications. It involves:
• Front-end development (Client-side)
• Back-end development (Server-side)
• Full-stack development (Both)
2. Core Components
A. Front-End Development
Purpose: The part of the website users see and interact with. Languages & Functions:
1. HTML (HyperText Markup Language)
a. Function: Structures web content.
b. Properties:
i. <head> — Metadata, title, links to CSS/JS.
ii. <body> — Main visible content.
iii. Attributes like id, class, src, alt.
2. CSS (Cascading Style Sheets)
a. Function: Styles and designs the web page.
b. Important Properties:
i. color, background-color, font-size
ii. margin, padding, border
iii. display, flex, grid
iv. position (static, relative, absolute, fixed)
v. z-index for element stacking.
3. JavaScript (JS)
a. Function: Adds interactivity and dynamic behavior.
b. Important Functions & Methods:
i. document.getElementById()
