उदाहरण म्हणून साधे HTML दस्तऐवज पाहण्याची वेळ आली आहे. आम्ही कोड लिहू ज्याचा परिणाम ब्राउझर विंडोमध्ये "हॅलो, वर्ल्ड!" (शब्दशः इंग्रजीतून अनुवादित - "हॅलो, वर्ल्ड!"). नवीन भाषा शिकताना या प्रकारचा कोडिंग सराव हा सहसा पहिला अनुभव असतो. समस्येचे हे सूत्र अनेकांकडे विद्यार्थ्याचे लक्ष वेधून घेते महत्त्वाचे मुद्देप्रोग्रामिंग भाषा (आमच्या बाबतीत, मार्कअप भाषा), त्यापैकी मुख्य आहे मूलभूत रचनाकार्यक्रम (आमच्या बाबतीत, वेब पृष्ठे).
doctype
या घटकास मूळ घटक देखील म्हणतात कारण दस्तऐवजाचे इतर सर्व घटक त्यात स्थित आहेत. मूळ घटकामध्ये फक्त दोन मूल घटक असू शकतात:
आणि .
प्रमुख घटक
घटक
मेटाडेटा म्हणून ओळखल्या जाणाऱ्या दस्तऐवजाबद्दल माहिती प्रदान करणाऱ्या इतर घटकांसाठी एक कंटेनर आहे. हा मेटाडेटा ब्राउझरला बाह्य स्क्रिप्ट आणि स्टाईलशीटचे स्थान सांगतो, दरम्यान संबंध प्रस्थापित करतो
वर्तमान दस्तऐवजआणि इतर संसाधने, आणि अतिरिक्त ब्राउझर-विशिष्ट माहिती प्रदान करू शकतात. याशिवाय
अनिवार्य घटक या प्रकरणात नंतर चर्चा केली आहे, ब्राउझर घटकामध्ये समाविष्ट असलेला कोणताही मेटाडेटा प्रदर्शित करत नाहीत <head>.</p>
<p>घटक <head>प्रथम मूल घटक असणे आवश्यक आहे <html>, त्याच्या आधी कोणतीही सामग्री किंवा घटक येऊ नयेत:</p><p>
<!DOCTYPE html>
<html>
<head>
</head>
</html>
</p><h2>शीर्षक घटक</h2>
<p>घटक <title>दस्तऐवजासाठी मजकूर शीर्षक प्रदान करते. प्रत्येक HTML दस्तऐवजात एक घटक असणे आवश्यक आहे <title>, जे घटकाच्या आत स्थित असणे आवश्यक आहे <head>:</p><p>
<!DOCTYPE html>
<html>
<head>
<title>विंडो शीर्षक
ब्राउझर घटक सामग्री प्रदर्शित करतात
दस्तऐवजाचे शीर्षक (नाव) म्हणून, जे सहसा ब्राउझर विंडोच्या शीर्षस्थानी किंवा टॅबच्या शीर्षकामध्ये प्रदर्शित केले जाते:</p>
<h2>शरीर घटक</h2>
<p>घटक <body>वेब पृष्ठावरील सर्व सामग्रीसाठी एक कंटेनर आहे. ब्राउझर विंडोमध्ये दिसणारे आणि वापरकर्त्याने पाहिलेले सर्व काही त्यात समाविष्ट आहे (प्रत्येक HTML दस्तऐवजात फक्त एक घटक असू शकतो. <body>). दस्तऐवज सामग्री मेटाडेटापासून विभक्त करणे हा त्याचा मुख्य उद्देश आहे:</p><p>
<!DOCTYPE html>
<html>
<head>
<title>विंडो शीर्षक
