HTML Execution | Learn | Himanshu Dubey

Your Journey to Creating Your First Website Begins Here!

Let's mark this as an important milestone: the creation of your first website! And what's a better way to start than with the traditional "Hello, World!"?

Why "Hello, World!"?

In the programming world, "Hello, World!" is more than just a phrase. It's a tradition, an emotion, a simple program that teaches you the syntax and gets you started. And guess what? HTML is no different!

Our first website will display the text 'Hello World'.

Let's Get Started: Setting Up Your VS Code

If you haven't already set up your environment, let's begin by opening Visual Studio Code (VS Code).

Creating a New File

Click on "Open Folder" and open a folder somewhere on your computer. Let's say you open a folder named himubey-html-tutorial.

Once VS Code is open, you'll want to create a new file:

Click on the "New File" icon in VS Code.
Type the filename as index.html and hit Enter.

Pasting the Code

Now that your file is ready, copy the following code and paste it into your index.html file.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Himanshu's First HTML Page</title>
</head>
<body>
    <h1>Hello World</h1>
    <p>Welcome to Himubey's web development journey!</p>
</body>
</html>

Running the Code

Remember the Live Server extension we talked about in the last chapter? Here is where it shines:

Right-click anywhere in your index.html file inside VS Code.
Select "Open with Live Server".
Your default browser (like Chrome) will automatically open and display your newly crafted web page!

Congratulations! You've just created and executed your very first HTML page. From here on out, we'll dive deeper into all the tags and elements that make the web so incredibly powerful.