HTML Tutorial: Introduction to HTML
Beginner-friendly guide + simple examples + clear explanations
HTML stands for HyperText Markup Language. It is the standard language used to create web pages.
Every website you see on the internet is built using HTML. HTML gives structure to content like:
- Headings
- Paragraphs
- Images
- Links
- Tables
- Forms
1️⃣ What Does HTML Do?
HTML tells the browser:
- What is a heading
- What is a paragraph
- What is a button
- What is a link
✔️ HTML does NOT design the page. ✔️ HTML builds the structure.
2️⃣ Simple HTML Example
<!DOCTYPE html>
<html>
<head>
<title>My First Page</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is my first HTML page.</p>
</body>
</html>
Step-by-step explanation:
1.<!DOCTYPE html>→ Tells browser this is HTML5.
2.<html>→ Root element of the page.
3.<head>→ Contains page information.
4.<title>→ Page title (shown in browser tab).
5.<body>→ Visible content.
6.<h1>→ Main heading.
7.<p>→ Paragraph text.
3️⃣ How HTML Works
HTML uses tags. Most tags have:
<opening tag> Content </closing tag>
Example:
<p>Hello World</p>
✔️ <p> = opening tag
✔️ </p> = closing tag
4️⃣ Why Learn HTML?
- To build websites
- To understand web development
- To start frontend development
- To move into CSS and JavaScript
HTML is the foundation of web development. Without HTML, there is no website.
5️⃣ What You Need to Start
You only need:
- A computer
- A text editor (like Notepad)
- A web browser (Chrome, Edge, Firefox)
That’s all. No installation required.
6️⃣ Quick Practice
Open Notepad. Copy this:
<h1>I am learning HTML</h1>
<p>This is exciting!</p>
Save it as: index.html Double-click the file. Your browser will open it.
🎯 Pro Beginner Tips
- Always close your tags.
- Use lowercase for tags.
- Indent your code for clarity.
- Practice daily.
🚀 What’s Next?
Now that you understand HTML basics, the next lesson is:
👉 HTML Editors
In the next tutorial, you will learn:
- Best editors for writing HTML
- Online vs offline editors
- How professionals write code
Keep learning. Practice daily. Build real projects.
HTML is your first step into web development.