class="post-template-default single single-post postid-679 single-format-standard wp-custom-logo wp-embed-responsive right-sidebar nav-float-right separate-containers header-aligned-left dropdown-hover" itemtype="https://schema.org/Blog" itemscope>

How to create a web page using HTML with source code?

नमस्कार दोस्तों! इस लेख में हम आज सीखेंगे How to create a web page using HTML with source code? सिंपल और आसान तरीके से।

सबसे पहले आपको कोई एक text editor software को select करना होगा। उसमे आप कोड को लिख रहे होंगे।

How to create a web page using HTML with source code?

आइये तो अब हम आपको code को समझने का प्रयास करते है:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Simple Web Page</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
            margin: 0;
            padding: 20px;
        }
        header {
            background-color: #4CAF50;
            color: white;
            padding: 10px 0;
            text-align: center;
        }
        nav {
            margin: 20px 0;
        }
        nav a {
            margin: 0 15px;
            text-decoration: none;
            color: #333;
        }
        main {
            background-color: white;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        footer {
            text-align: center;
            margin-top: 20px;
            color: #555;
        }
    </style>
</head>
<body>

    <header>
        <h1>Welcome to My Web Page</h1>
    </header>

    <nav>
        <a href="#">Home</a>
        <a href="#">About</a>
        <a href="#">Services</a>
        <a href="#">Contact</a>
    </nav>

    <main>
        <h2>About This Page</h2>
        <p>This is a simple web page created using HTML. It includes a header, navigation links, a main content area, and a footer.</p>
        <p>HTML is the standard markup language for creating web pages. It is easy to learn and use, making it an essential skill for web development.</p>
    </main>

    <footer>
        <p>&copy; 2024 My Simple Web Page. All rights reserved.</p>
    </footer>

</body>
</html>

इस code का use आप अपने इच्छा के अनुसार कर सकते है।

हम आशा करते है की आपको आपके सवाल How to create a web page using HTML with source code? का जवाब मिल गया होगा।

How to create a web page using HTML with source code?

इसको और अच्छे से समझने के लिए आप निचे दिए गए video को देख सकते है।

By – GreatStack

इसे भी पढ़े:

How do you create an article in HTML?
How to create a document in HTML?

1 thought on “How to create a web page using HTML with source code?”

Leave a comment