HTML + CSS Complete Notes (Hindi)
PART 1: HTML (HyperText Markup Language)
HTML ka use web page ka structure banane ke liye hota hai.
Basic HTML Structure
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<h1>Welcome</h1>
<p>This is my website</p>
</body>
</html>
Important HTML Tags
Heading: <h1> to <h6>
Paragraph: <p>
Link: <a>
Image: <img>
List: <ul>, <ol>, <li>
Form: <form>, <input>
PART 2: CSS (Cascading Style Sheets)
CSS ka use website ko design aur style dene ke liye hota hai.
CSS Add Karne ke 3 Tarike
1. Inline CSS
2. Internal CSS
3. External CSS
Internal CSS Example
<style>
h1 {
color: red;
text-align: center;
</style>
External CSS Example
[Link] file:
body {
background-color: lightblue;
HTML file me link:
<link rel="stylesheet" href="[Link]">
Common CSS Properties
color – text ka color change karta hai
background-color – background set karta hai
font-size – text size control karta hai
margin – outer space
padding – inner space
border – box ke around line
Real Life Use
HTML structure banata hai aur CSS website ko attractive banata hai.
Dono milkar complete website banate hain.