Day 1: Introduction to HTML – Getting Started with Web Development

Welcome to Day 1 of the 7 Days HTML Tutorial! If you’re completely new to HTML or web development, you’re in the right place. By the end of this post, you’ll not only understand what HTML is but also write your very first HTML page—and see it live in your browser!

Table of Contents

What is HTML?

HTML stands for HyperText Markup Language. It’s the standard language used to create and structure web pages.

Think of HTML as the skeleton of a web page. It defines the structure and content—such as headings, paragraphs, images, and links—so your browser knows what to display and how.

🧠 Simply put: HTML tells the browser “what” to show. CSS and JavaScript (which you’ll learn later) handle how it looks and how it behaves.

How HTML Fits in Web Development

A website is usually made up of:

HTML – structure (what you see)
CSS – style (how it looks)
JavaScript – interactivity (how it works)

For now, we’ll focus only on HTML to build a strong foundation.

What You Need to Get Started

Good news — you don’t need any fancy setup. Just two basic tools:

1. A Text Editor

You can use:

VS Code (highly recommended)
Notepad (Windows)
TextEdit (Mac)

2. A Web Browser

Like Chrome, Firefox, Safari, or Edge. You already have one!

Basic Structure of an HTML Page

Here’s the skeleton of every HTML document:

HTML

<!DOCTYPE html>
<html>
  <head>
    <title>My First Web Page</title>
  </head>
  <body>
    <h1>Hello, world!</h1>
    <p>This is my first HTML page.</p>
  </body>
</html>

Let’s break it down:

Code	What it does
`<!DOCTYPE html>`	Tells the browser to use HTML5
`<html>`	The root of the HTML page
`<head>`	Contains meta info like the title
`<title>`	Sets the browser tab name
`<body>`	Everything visible on the page

Let’s Build Your First HTML Page

Step 1: Open your text editor and paste this code

HTML

<!DOCTYPE html>
<html>
  <head>
    <title>Welcome to My Web Page</title>
  </head>
  <body>
    <h1>Hello, HTML!</h1>
    <p>I’m learning how to build websites. This is my very first page.</p>
  </body>
</html>

Step 2: Save the file as

index.html

Step 3: Open the file in your browser

Just double-click the file, or right-click and choose “Open with” > your browser.

🎉 Congrats! You just built your first web page!

Quick Recap

HTML is the foundation of every website
It uses tags to define content
You created your first HTML file and saw it in action!

Practice Task

📝 Create another HTML file that says:

A main heading with your name
A paragraph that says something about why you want to learn HTML

Try writing it without copy-pasting. Don’t worry if it’s not perfect—just practice!

What’s Next?

On Day 2, we’ll learn about the most commonly used HTML tags and elements to structure your content like a pro.

👉 Keep this momentum going! You’re off to a great start.

🎯 Want to test your learning so far?
Check out the 7 Days HTML Challenge with Solutions to practice and validate your understanding with hands-on tasks!

Share with friends