,📘 Chapter 1 – Creating Our First Website
📝 Starting Point
Website banane ke liye hum ek file banate hain index.html.
index.html ek special filename hai → jab bhi koi website ka root address type karta hai,
sabse pehle ye file open hoti hai.
---
📄 A Basic HTML Page
<!DOCTYPE html> <!-- Specifies this is an HTML5 document -->
<html> <!-- Root of an HTML page -->
<head> <!-- Contains page metadata -->
<title>Akash's Website</title> <!-- Title of the page -->
</head>
<body> <!-- Main body (rendered by browser) -->
<h1>This is a heading</h1> <!-- Heading tag -->
<p>My paragraph</p> <!-- Paragraph tag -->
</body>
</html>
---
📌 Understanding Tags
A tag is like a container for content or other HTML tags.
Structure:
HTML Document → Written by developer
Browser → Reads the code
Rendered Page → What user sees
---
, 👨👩👧 Parent & Child Tags
<html> is the parent of <head> and <body>.
<body> contains multiple child tags like <h1>, <p>, etc.
Most tags have opening & closing parts with content in between.
---
🕳️ Empty Elements
Kuch HTML tags me content nahi hota.
Example: <br> → Line break
---
📂 File Extensions
Hum HTML file ko .html ya .htm extension se save kar sakte hain.
---
🔍 Inspecting HTML
Browser me right-click → Inspect Element ya View Page Source option se HTML code
dekha ja sakta hai.
---
🧩 HTML Element Structure
HTML Element = Start tag + Content + End tag
Example:
<p>Hello World</p>
📝 Starting Point
Website banane ke liye hum ek file banate hain index.html.
index.html ek special filename hai → jab bhi koi website ka root address type karta hai,
sabse pehle ye file open hoti hai.
---
📄 A Basic HTML Page
<!DOCTYPE html> <!-- Specifies this is an HTML5 document -->
<html> <!-- Root of an HTML page -->
<head> <!-- Contains page metadata -->
<title>Akash's Website</title> <!-- Title of the page -->
</head>
<body> <!-- Main body (rendered by browser) -->
<h1>This is a heading</h1> <!-- Heading tag -->
<p>My paragraph</p> <!-- Paragraph tag -->
</body>
</html>
---
📌 Understanding Tags
A tag is like a container for content or other HTML tags.
Structure:
HTML Document → Written by developer
Browser → Reads the code
Rendered Page → What user sees
---
, 👨👩👧 Parent & Child Tags
<html> is the parent of <head> and <body>.
<body> contains multiple child tags like <h1>, <p>, etc.
Most tags have opening & closing parts with content in between.
---
🕳️ Empty Elements
Kuch HTML tags me content nahi hota.
Example: <br> → Line break
---
📂 File Extensions
Hum HTML file ko .html ya .htm extension se save kar sakte hain.
---
🔍 Inspecting HTML
Browser me right-click → Inspect Element ya View Page Source option se HTML code
dekha ja sakta hai.
---
🧩 HTML Element Structure
HTML Element = Start tag + Content + End tag
Example:
<p>Hello World</p>
