एक नए HTML दस्तावेज़ की संरचना कैसे करें
HTML (हाइपरटेक्स्ट मार्कअप लैंग्वेज) वेब सामग्री की रीढ़ है, जो वेबसाइटों पर प्रदर्शित जानकारी को संरचना प्रदान करती है। प्रत्येक HTML दस्तावेज़ एक बुनियादी संरचना का अनुसरण करता है जिसमें आवश्यक तत्व शामिल होते हैं। आइए प्रमुख घटकों पर गौर करें।
1. '<!DOCTYPE html>'
यह घोषणा उपयोग किए जा रहे HTML के दस्तावेज़ प्रकार और संस्करण को परिभाषित करती है। आधुनिक वेब पेजों के लिए, '<!DOCTYPE html>' का उपयोग करना प्रथागत है।
2. '<html>'
मूल तत्व संपूर्ण HTML दस्तावेज़ को समाहित करता है।
3. '<head>'
मुख्य अनुभाग में दस्तावेज़ के बारे में मेटा जानकारी होती है, जैसे शीर्षक, वर्ण सेट और लिंक की गई स्टाइलशीट।
4. '<title>'
यह तत्व HTML दस्तावेज़ का शीर्षक सेट करता है, जो ब्राउज़र टैब या विंडो में दिखाई देता है।
5. '<body>'
बॉडी तत्व में HTML दस्तावेज़ की सामग्री शामिल है, जिसमें टेक्स्ट, चित्र, लिंक और बहुत कुछ शामिल है।
HTML दस्तावेज़ उदाहरण
अब, आइए इसे एक उदाहरण में एक साथ रखें:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My HTML Document</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a simple example of an HTML document.</p>
<img src="example.jpg" alt="An example image">
<a href="https://www.example.com">Visit Example.com</a>
</body>
</html>इस उदाहरण में, "My HTML Document" को अपने इच्छित शीर्षक से बदलें और सामग्री को '<body>' के अनुसार तदनुसार समायोजित करें। इस बुनियादी संरचना को समझना सुव्यवस्थित, अर्थपूर्ण रूप से सार्थक वेब पेज बनाने की नींव रखता है।
बोनस: समापन टैग
HTML पेज बनाते समय यह सुनिश्चित करना महत्वपूर्ण है कि पेज प्रवाह और रेंडरिंग समस्याओं से बचने के लिए सभी टैग ठीक से बंद हों। इस कार्य में सहायता के लिए, अपने HTML कोड में संरचनात्मक समस्याओं को पकड़ने के लिए हमारे HTML अनक्लोज़्ड टैग चेकर टूल की जाँच करें।