Introduction:
Pichhle post me humne jaana ki HTML kya hota hai. Aaj hum uska actual structure samjhenge. Har HTML page ka ek basic layout hota hai jo browser ko batata hai ki content kaise display hoga.
HTML Structure Overview:
Har HTML document kuch important parts me divided hota hai:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mera Pehla Page</title>
</head>
<body>
<h1>Welcome to My First Website!</h1>
<p>Yeh mera pehla HTML page hai.</p>
</body>
</html>
Structure Breakdown:
1. <!DOCTYPE html>
Browser ko batata hai ki yeh HTML5 document hai.
Hamisha sabse pehli line me likhna zaruri hai.
2. <html> Tag
Iske andar pura HTML code likha jaata hai.
Yeh root tag hota hai.
3. <head> Section
Yeh part page ke background settings rakhta hai (users ko dikhai nahi deta).
Common elements:
<meta charset="UTF-8"> – text encoding
<meta name="viewport"> – mobile responsive
<title> – browser tab ka title
4. <body> Section
Jo content screen pe dikhai deta hai, wo sab yahan likha jaata hai:
Headings, paragraphs, images, links, etc.
Ek Simple Example:
<!DOCTYPE html>
<html>
<head>
<title>My Blog Page</title>
</head>
<body>
<h1>HTML Structure Seekhna Bahut Aasan Hai!</h1>
<p>Aap bhi aaj hi apna pehla page bana sakte hain.</p>
</body>
</html>
Tips for Beginners:
HTML tags angle brackets (< >) me likhe jaate hain
Har opening tag ka ek closing tag hota hai (ex: <p>...</p>)
Proper indentation (space) use karna readability ke liye accha hota hai
Conclusion:
HTML ka structure samajhna aapko ek solid base deta hai. Jab aapko yeh structure yaad ho jaata hai, toh naye pages banana bahut easy ho jaata hai. Agle post me hum sikhenge Top 10 HTML Tags jo har beginner ko aane chahiye!
Comments
Post a Comment