← All Lessons
LESSON 03

Basic HTML Structure

Is lesson mein aap HTML webpage ki basic structure ko samjhenge aur jaanenge ki HTML document ke important parts kya hote hain.

🌐 HTML Document Kya Hai?

Hindi

HTML document ek file hoti hai jisme webpage ka code likha jata hai. Browser isi HTML code ko read karke webpage display karta hai.

English

An HTML document is a file that contains the code used to create a webpage. The browser reads the HTML code and displays the webpage.

🏗️ Basic HTML Structure

Hindi

Ek basic HTML webpage mein kuch important parts hote hain: DOCTYPE, html, head aur body. 

<!DOCTYPE html>

<html>

<head>

    <title>My Website</title>

</head>

<body>

    <h1>Hello World</h1>

</body>

</html>

English

These elements form the basic structure of an HTML webpage.

📌 1. DOCTYPE

Hindi

DOCTYPE browser ko batata hai ki document HTML5 standard ka use kar raha hai. 

<!DOCTYPE html>

English

DOCTYPE tells the browser that the document uses the HTML5 standard.

📦 2. HTML Tag

Hindi

<html> tag HTML document ka main container hota hai. HTML webpage ka content iske andar likha jata hai. 

<html>

    Website Content

</html>

English

The html element is the main container of an HTML document. The webpage content is placed inside it.

🧠 3. Head Section

Hindi

<head> section mein webpage ki important information hoti hai, jaise title, meta information, CSS files aur doosri settings. 

<head>

    <title>My Website</title>

</head>

English

The head section contains important information about the webpage, such as the title, meta information and CSS.

👀 4. Body Section

Hindi

<body> ke andar woh content hota hai jo browser mein user ko दिखाई देता है. 

<body>

    <h1>Hello World</h1>

    <p>Welcome to my website.</p>

</body>

English

The body contains the visible content of the webpage, such as headings, paragraphs, images and buttons.

🏷️ 5. Title Tag

Hindi

<title> browser ke tab mein webpage ka naam dikhane ke liye use hota hai. 

<title>My Website</title>

English

The title element defines the name shown in the browser tab.

💻 Complete Example

Hindi

Ab basic HTML structure ko ek complete example mein dekhein: 

<!DOCTYPE html>

<html>

<head>

    <title>My First Website</title>

</head>

<body>

    <h1>Welcome to My Website</h1>

    <p>This is my first webpage.</p>

</body>

</html>

English

This example contains the complete basic structure of an HTML webpage.

💡 Important

HTML structure ko samajhna bahut important hai. Har webpage ka content generally <html>, <head> aur <body> structure ke andar hota hai.

← Previous Lesson