HTML संरचनाको परिचय: आधारभूत तत्वहरू र वाक्य रचना

HTML संरचनाले वेब पृष्ठहरू निर्माण गर्न महत्त्वपूर्ण भूमिका खेल्छ। यसले वेबपेजमा सामग्री कसरी व्यवस्थित र प्रदर्शित हुन्छ भनेर परिभाषित गर्दछ। यहाँ आधारभूत HTML संरचनाको परिचय छ:

१. `Doctype`

Doctype(कागजात प्रकार घोषणा) ले वेबपेज प्रयोग गरिरहेको HTML संस्करण परिभाषित गर्दछ। यसलाई HTML फाइलको सुरुमा राखिएको हुनुपर्छ।

2. html ट्याग

html ट्याग प्रत्येक HTML फाइलको मूल तत्व हो। यसले वेबपेजको सम्पूर्ण सामग्रीलाई समेट्छ।

3. `head` ट्याग

हेड ट्यागले वेबपेजको बारेमा जानकारी समावेश गर्दछ जुन ब्राउजरमा प्रत्यक्ष रूपमा प्रदर्शित हुँदैन। यो जहाँ पृष्ठको शीर्षक, मेटा ट्यागहरू, CSS र JavaScript फाइलहरूको लिङ्कहरू, र अन्य विभिन्न तत्वहरू परिभाषित छन्।

4. `body` ट्याग

शरीर ट्यागले वेबपेजमा प्रदर्शित हुने सबै सामग्री समावेश गर्दछ। यो जहाँ पाठ, छविहरू, भिडियोहरू, लिङ्कहरू, र अन्य प्रयोगकर्ता इन्टरफेस कम्पोनेन्टहरू जस्ता तत्वहरू परिभाषित छन्।

5. नेस्टेड ट्यागहरू

HTML ले खोल्ने र बन्द गर्ने ट्यागहरूको साथ एक श्रेणीबद्ध संरचना प्रयोग गर्दछ। बाल ट्यागहरू अभिभावक ट्यागहरू भित्र राखिएका छन्। उदाहरणका लागि, p ट्याग(अनुच्छेद) मा स्प्यान ट्यागहरू(इनलाइन टेक्स्ट), बलियो ट्यागहरू(बोल्ड टेक्स्ट), र अन्य धेरै ट्यागहरू समावेश हुन सक्छन्।

6. साझा ट्यागहरू

HTML ले सामग्री ढाँचा र प्रदर्शनको लागि ट्यागहरूको दायरा प्रदान गर्दछ। उदाहरणका लागि, h1-h6 ट्यागहरू(शीर्षकहरू), p ट्याग(अनुच्छेद), img ट्याग(छवि), एक ट्याग(लिङ्क), र अन्य धेरै।

यहाँ पूर्ण HTML पृष्ठ संरचनाको उदाहरण हो:

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>My Webpage</title>  
    <link rel="stylesheet" href="styles.css">  
    <script src="script.js"></script>  
</head>  
<body>  
    <header>  
        <h1>Welcome to My Webpage</h1>  
        <nav>  
            <ul>  
                <li><a href="#">Home</a></li>  
                <li><a href="#">About</a></li>  
                <li><a href="#">Contact</a></li>  
            </ul>  
        </nav>  
    </header>  
    <main>  
        <section>  
            <h2>About Me</h2>  
            <p>I am a web developer passionate about creating amazing websites.</p>  
        </section>  
        <section>  
            <h2>My Projects</h2>  
            <ul>  
                <li><a href="#">Project 1</a></li>  
                <li><a href="#">Project 2</a></li>  
                <li><a href="#">Project 3</a></li>  
            </ul>  
        </section>  
    </main>  
    <footer>  
        <p>&copy; 2022 My Webpage. All rights reserved.</p>  
    </footer>  
</body>  
</html>

माथिको उदाहरणमा, हामीसँग मुख्य तत्वहरू जस्तै doctype, html ट्याग, head ट्याग र body ट्यागहरू सहितको पूर्ण HTML पृष्ठ छ। हेड सेक्सनमा, हामी पृष्ठ शीर्षक, CSS र JavaScript फाइलहरू प्रयोग गर्न परिभाषित गर्छौं। मुख्य खण्डले वेबपेजको सामग्री प्रदर्शन गर्न हेडर, मुख्य र फुटर जस्ता तत्वहरू समावेश गर्दछ।

सही HTML संरचना प्रयोग गरेर, तपाईं राम्रो संगठित, पढ्न योग्य, र अन्तरक्रियात्मक वेब पृष्ठहरू निर्माण गर्न सक्नुहुन्छ।

अघिल्लो पोस्ट

HTML र आधारभूत सिन्ट्याक्सको परिचय: एक शुरुआती गाइड

अर्को पोस्ट