Learn what HTML is, how HTML elements work, and how to build your first web page. This beginner-friendly guide explains HTML5 structure with clear examples and code.

📘 Introduction to HTML for Beginners

HTML (HyperText Markup Language) is the foundational language used to create and structure webpages. Every website you visit—blogs, dashboards, apps, landing pages—depends on HTML to organize text, images, buttons, links, and layout.

Whether you’re learning web development or improving your digital skills, understanding HTML is the first step toward building websites.

🔍 What Is HTML?

HTML stands for HyperText Markup Language.
It is the standard language used to build webpages, and it defines how information is displayed in a browser.

Here’s what HTML does:

Creates the structure of a webpage

Uses elements and tags to organize content

Tells the browser how to display text, images, links, buttons, forms, tables, etc.

Works together with CSS and JavaScript to build full websites

HTML is not a programming language—it's a markup language that labels content.

📄 A Simple HTML Document

Below is the basic structure of an HTML5 page:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

🧩 Example Explained

Here’s what each part means:

✔ <!DOCTYPE html>

Declares that the document uses HTML5, the latest version of HTML.

✔ <html>

This is the root element. Everything on the page is inside this tag.

✔ <head>

Contains information about the page, such as the title, metadata, SEO tags, and stylesheet links.

✔ <title>

Sets the page title that appears on the browser tab.

✔ <body>

Contains everything visible on the webpage—headings, images, videos, buttons, links, tables, etc.

✔ <h1>

Defines a main heading (largest size).

✔ <p>

Defines a text paragraph.

🏷 What Is an HTML Element?

An HTML element consists of:

A start tag

Some content

An end tag

Example:

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

Breakdown:
Start Tag Content End Tag
<h1> My First Heading </h1>
<p> My first paragraph </p>

Some elements have no closing tag.
These are called empty elements.

Examples:

<br>
<img src="image.jpg">
<hr>


These elements do not contain text and don’t require an end tag.

🚀 Conclusion

HTML is the building block of all websites.
Once you understand HTML tags and elements, you can start creating real webpages and later add CSS and JavaScript to design and power your site.