Build Your First Web Page
Introduction
If you’ve ever wondered how websites are made, you’re in the right place.
HTML is the foundation of every web page on the internet. In this guide, I’ll show you what HTML is, why it matters, and how to write your first web page—even if you’ve never written a single line of code before.
What is HTML?
HTML stands for HyperText Markup Language. It’s the language that gives structure to web pages.
You can think of HTML as the skeleton of a website. It tells the browser how to organize and display content like text, images, and links.
Why Learn HTML?
It’s the first step in becoming a web developer.
It’s easy to learn, even with no coding experience.
It helps you understand how the web works behind the scenes.
It’s the foundation for learning CSS (for styling) and JavaScript (for interactivity).
How HTML Works
HTML uses tags to structure content. Tags tell the browser what something is.
Example:
<h1>Hello, World!</h1>
<p>This is my first web page.</p>
-
<h1>creates a big heading. -
creates a paragraph of text.
The Basic Structure of an HTML Page
Here’s what a simple HTML page looks like:
<!DOCTYPE html>
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<h1>Welcome to My Web Page</h1>
<p>This is a paragraph of text.</p>
</body>
</html>
-
<!DOCTYPE html>tells the browser you’re using HTML5. - is the root of the page.
- holds information about the page, like its title.
- sets the text in the browser tab.
- holds all the content people see on the page.
Build Your First Web Page
Step 1: Open a Text Editor
You can use VS Code, Sublime Text, or even Notepad.
Step 2: Create a New File
Save it as index.html.
Step 3: Add This Code
<!DOCTYPE html>
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>I just built my first web page!</p>
</body>
</html>
Step 4: View It
Double-click the file to open it in your web browser.
You’ve just built your first website!
Common HTML Tags to Know
<h1>– Heading <h1>Title</h1>
<p> – Paragraph <p>Text here</p>
<a> -Link <a href="https://example.com">Visit</a>
<img>– Image <img src="image.jpg" alt="Description">
<ul>, <li> – List <ul><li>Item 1</li></ul>
Tips for Learning HTML
- Practice often—even simple pages help.
- Use online editors like CodePen to test your code.
- Don’t worry about memorizing everything. Look up tags as you need them.
- Try small projects: personal bio page, simple blog layout, portfolio page.
Conclusion
HTML is the gateway to web development. It’s simple, beginner-friendly, and essential for anyone who wants to build websites.
If you can type, you can learn HTML.
Follow me for more step-by-step web development tutorials for beginners. Let’s keep learning together!
