🧾 1. HTML Document Structure (HTML डॉक्यूमेंट की संरचना)
✍️ परिचय (Paragraph):
HTML डॉक्यूमेंट एक विशेष संरचना (Structure) के अनुसार लिखा जाता है। हर HTML पेज की एक तय बुनियाद होती है, जिसमें कुछ जरूरी टैग्स का क्रम बना रहता है। एक सही HTML संरचना से ही ब्राउज़र ठीक तरह से वेबसाइट दिखा पाता है। इस संरचना की शुरुआत <html> टैग से होती है और समाप्ति </html> टैग पर। इस बीच <head> और <body> जैसे महत्वपूर्ण भाग होते हैं।
✅ HTML Document Structure के 15 आसान बिंदु:
- HTML डॉक्यूमेंट की शुरुआत
<html>टैग से होती है। <html>टैग के अंदर दो भाग होते हैं:<head>और<body>।<head>टैग में वेबसाइट से जुड़ी जानकारी होती है।<title>टैग पेज का नाम सेट करता है (Browser Tab में दिखता है)।<body>टैग में वेबसाइट का सारा कंटेंट होता है।- सभी टैग्स को सही क्रम में लिखना जरूरी है।
- HTML संरचना ब्राउज़र को पेज समझने में मदद करती है।
<html>,<head>,<title>,<body>— ये आधार टैग्स होते हैं।- HTML टैग्स के जोड़े
<tag>...</tag>के रूप में होते हैं। - Nesting का मतलब होता है टैग्स का अंदर-बाहर क्रम सही होना।
- हर खुला टैग (
<html>) अंत में बंद (</html>) होना चाहिए। <meta>टैग SEO और जानकारी देने के लिए होता है।<link>टैग से CSS जोड़ी जाती है।<script>टैग से JavaScript जुड़ती है।- बिना सही संरचना के HTML फाइल सही काम नहीं करती।
📘 Exam Answer (Sample):
प्रश्न: HTML डॉक्यूमेंट की संरचना क्या होती है?
उत्तर:
HTML डॉक्यूमेंट एक निश्चित संरचना के अनुसार लिखा जाता है। इसकी शुरुआत <html> टैग से होती है। इसके अंदर दो मुख्य भाग होते हैं – <head> और <body>। <head> टैग में पेज से जुड़ी जानकारी होती है जैसे <title>, जबकि <body> टैग में मुख्य कंटेंट होता है। सभी टैग्स को सही क्रम में बंद करना आवश्यक होता है। यह संरचना वेबसाइट को ठीक तरह से दिखाने में मदद करती है।
🗂️ 2. Creating and Saving HTML Document (HTML डॉक्यूमेंट बनाना और सेव करना)
✍️ परिचय (Paragraph):
HTML डॉक्यूमेंट बनाना बहुत ही आसान होता है। इसके लिए हमें किसी Text Editor जैसे Notepad में HTML कोड लिखना होता है और फिर उसे .html एक्सटेंशन के साथ सेव करना होता है। HTML फाइल को सेव करने के बाद हम उसे किसी भी Web Browser (जैसे Chrome) में खोल सकते हैं और पेज का डिज़ाइन देख सकते हैं।
✅ HTML डॉक्यूमेंट कैसे बनाएं – 15 बिंदु:
- सबसे पहले Notepad या किसी Text Editor को खोलें।
- उसमें HTML कोड लिखें।
- HTML की संरचना सही तरीके से लिखें।
<html>,<head>,<title>,<body>जैसे टैग्स शामिल करें।- कुछ Text जैसे –
<h1>My First Web Page</h1>जोड़ें। - अब File मेनू में जाकर “Save As” पर क्लिक करें।
- फाइल को कोई नाम दें जैसे
first.html। - File name में .html जरूर लगाएं।
- File Type: All Files और Encoding: UTF-8 रखें।
- फाइल को Desktop या किसी Folder में सेव करें।
- अब उस फाइल पर डबल क्लिक करें।
- यह फाइल ब्राउज़र में खुलेगी।
- आप वेबसाइट का डिज़ाइन देख पाएंगे।
- HTML फाइल को कभी भी Edit कर सकते हैं।
- सेव करने के बाद दोबारा ब्राउज़र में Refresh करें।
📘 Exam Answer (Sample):
प्रश्न: HTML डॉक्यूमेंट कैसे बनाते हैं और सेव करते हैं?
उत्तर:
HTML डॉक्यूमेंट बनाने के लिए हम Notepad जैसे Text Editor का प्रयोग करते हैं। उसमें हम HTML कोड लिखते हैं जैसे <html>, <body>, <h1> आदि। उसके बाद File को .html नाम से सेव करते हैं। सेव करते समय File Type – All Files और Encoding – UTF-8 होना चाहिए। सेव की गई फाइल को हम किसी भी ब्राउज़र में खोल सकते हैं और पेज को देख सकते हैं।
🔖 What is HTML Document Structure?
HTML document structure means the way we write an HTML file.
It shows how parts of the web page are arranged.
Every HTML file follows a fixed structure.
🔖 Main Parts of HTML Document
<!DOCTYPE html><html>tag<head>tag<title>tag<body>tag
🔖 Explanation of Each Part
1️⃣ <!DOCTYPE html>
It tells the browser that this is an HTML5 document.
2️⃣ <html>
It starts and ends the HTML document.
3️⃣ <head>
It has page information like title, meta tags, and links.
4️⃣ <title>
It shows the name of the page on the browser tab.
5️⃣ <body>
It has the content that is visible on the web page.
🔖 Simple Structure Example
<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
</head>
<body>
<h1>Hello World</h1>
<p>This is my first page.</p>
</body>
</html>
🔖 Output
- Heading: Hello World
- Paragraph: This is my first page.
🔖 Important Table
| Part | Use |
|---|---|
<!DOCTYPE html> | HTML version |
<html> | Start of document |
<head> | Info about page |
<title> | Page title |
<body> | Visible content |
Ans:
HTML document has 5 main parts:
1️⃣ <!DOCTYPE html> – shows HTML version.
2️⃣ <html> – main tag.
3️⃣ <head> – stores page data.
4️⃣ <title> – shows page name.
5️⃣ <body> – holds visible content.
Example:
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
</head>
<body>
<h1>Welcome</h1>
<p>This is HTML page.</p>
</body>
</html>
🔖 Flow Chart
DOCTYPE → HTML → HEAD → TITLE → BODY → Content
