Introduction
When you open a website, you’re actually viewing a collection of code working together to create what you see. At the heart of every web page lies HTML, which stands for HyperText Markup Language. HTML is not a programming language — it’s a markup language used to define the structure and content of a web page.
Think of HTML as the skeleton of a web page: it organizes the layout and tells browsers what each piece of content means.
Understanding HTML
HTML uses a system of tags to mark up text, images, and other elements. These tags tell the web browser how to display the content. Every tag usually comes in a pair — an opening tag and a closing tag — and wraps around the content.
For example:
<p>This is a paragraph in HTML.</p>
Here, <p> is the opening tag, and </p> is the closing tag. The text inside is the content.
Basic Structure of an HTML Document
Every HTML document follows a simple pattern. Here’s what a basic HTML page looks like:
<!DOCTYPE html>
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>Welcome to my website.</p>
</body>
</html>
Let’s break it down:
<!DOCTYPE html>– Tells the browser that this is an HTML5 document.<html>– The root element that wraps all other content.<head>– Contains metadata about the page (like the title and links to stylesheets or scripts).<title>– Sets the title that appears in the browser tab.<body>– Contains everything you see on the page: headings, text, images, links, and more.
How HTML Structures a Web Page
HTML organizes a page into sections using tags. Some common structural elements include:
<header>– The top section, usually containing the site title or navigation links.<nav>– A section for navigation menus.<main>– The main content area.<section>– A thematic grouping of content (like an article section).<article>– An independent piece of content, such as a blog post.<footer>– The bottom section, often with contact info or copyright details.
Here’s how these might look together:
<body>
<header>
<h1>My Blog</h1>
</header>
<nav>
<a href="#home">Home</a> | <a href="#about">About</a>
</nav>
<main>
<article>
<h2>What is HTML?</h2>
<p>HTML defines the structure of web pages...</p>
</article>
</main>
<footer>
<p>© 2025 My Blog</p>
</footer>
</body>
Why HTML Matters
HTML gives meaning and structure to web content, making it:
- Readable for browsers and users
- Accessible for people using assistive technologies
- Searchable by search engines like Google
Without HTML, web pages would just be unstructured text — no layout, no links, no organization.
Conclusion
HTML is the foundation of every website. It defines what appears on a web page and how it’s organized. Once you understand HTML, you can move on to styling it with CSS and making it interactive with JavaScript. Together, these technologies form the building blocks of the modern web.