How to Build a Simple Website Using HTML
Building your first website is exciting and straightforward! In this tutorial, we’ll walk you through creating a simple website using just HTML. Let’s get started!
Step 1: Choose a code editor
Step 2: Create a Folder (can be named anything)
Step 3: Open the Folder in Your Code Editor
Open your chosen code editor, and open the folder you just created.
💡 Tip for VS Code Users:
Click the New File icon in the sidebar to create a new file.
Create a new file and name it:index.html
Step 4: Type the code below in the index.html file
✨ Pro Tip:
It’s better to type the code out yourself instead of copy-pasting. You’ll learn faster that way!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hello World</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>Step 5: Preview the output in your browser.
- Save the file (
Ctrl + SorCmd + S). - Open the folder where your file is saved.
- Double-click the
index.htmlfile.
It should open in your default web browser and display your first website! 🎉
✅ What You Just Did
You’ve officially created your first website using only HTML!
You learned how to:
- Choose a code editor
- Set up your project folder
- Write your first HTML file
- Preview it in a browser
🚀 Next Steps
Ready to level up? Here’s what you can try next:
- Add some basic CSS to style your page (colors, fonts, layout)
- Create more pages (like an “About Me” page) and link them together
- Add images or lists to your site
I’ll be covering these in future tutorials—stay tuned!
👋 Thanks for Reading!
If you found this helpful, feel free to share it or bookmark it for later. More beginner-friendly web design tutorials are coming soon!
