Episode 4 of 17

How to Make Your First Web Page

Build your very first HTML web page from scratch. Set up VS Code, create an HTML file, and see your page live in the browser.

Time to get hands-on! In this episode, you'll create your first real web page.

Step 1: Set Up VS Code

Download VS Code from code.visualstudio.com
Install the Live Server extension
Create a folder called my-first-site

Step 2: Create index.html

Inside your folder, create a file named index.html and type this:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My First Page</title>
</head>
<body>
    <h1>Hello, World! 🌍</h1>
    <p>I just built my first web page with HTML!</p>
    <p>This is easier than I thought.</p>
</body>
</html>

Step 3: Preview It

Right-click the file in VS Code and select "Open with Live Server". Your browser will open and show your page!

Understanding the Code

<!DOCTYPE html> — Tells the browser this is HTML5
<html> — Root element wrapping everything
<head> — Metadata (title, charset, viewport)
<body> — Everything visible on the page

🎉 Congratulations! You've built your first web page!