Introduction to HTML
Every website you have ever visited — from a simple blog to Gmail, Amazon, or YouTube — is built on the same foundation: HTML. It is the very first layer of the web, the skeleton that browsers read to know what to display and how to structure it. Before there is a single line of CSS or JavaScript, there is HTML.
This page is the starting point of the whole series. By the end of it you will know exactly what HTML is, what it is not, how it fits together with CSS and JavaScript, and what a real HTML document looks like.
What does HTML stand for?
HTML stands for HyperText Markup Language. Each word tells you something important:
HyperText — text that contains links to other text. Click a link, and you jump to another page or another part of the same page. This "linking" idea is what makes the web a web rather than a pile of disconnected documents.
Markup — HTML doesn't do things like a program does; it marks up content by wrapping it in tags that describe what it is (a heading, a paragraph, a list, an image).
Language — it has its own vocabulary (elements) and grammar (nesting and syntax rules), even though it is not a programming language in the traditional sense.
HTML's job: structure, not style or behavior
A common beginner misconception is that HTML controls how a page looks. It doesn't — that's CSS's job. HTML's only responsibility is structure and meaning: what is a heading, what is a paragraph, what is a link, what is a list of items. Think of building a house:
Layer | Job | Analogy |
|---|---|---|
HTML | Structure and meaning of content | The frame, walls, and rooms of a house |
CSS | Visual presentation — colors, layout, fonts | Paint, wallpaper, furniture arrangement |
JavaScript | Behavior and interactivity | Electricity, plumbing, light switches |
A first glance at a full HTML document
Here is a small but complete HTML page. Don't worry about memorizing every line yet — later pages in this series explain each piece in depth.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>My First Page</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text on my very first HTML page.</p>
<a href="https://example.com">Visit an example site</a>
</body>
</html>Open this in a browser and you'd see a heading, a paragraph, and a clickable link — no styling, no interactivity, just structured content. That's HTML doing its job.
What you will learn in this series
Foundations — how the web works, how browsers render pages, and the anatomy of a valid document.
Core syntax — elements, tags, attributes, nesting rules, comments, and whitespace handling.
Text content — headings, paragraphs, lists, links, and text-level formatting.
Media — images, audio, video, and responsive image techniques.
Tables and forms — structuring tabular data and building real, accessible forms.
Semantic HTML5 — sections, articles, headers, footers, and why meaning matters more than looks.
Accessibility and SEO — writing HTML that works for everyone, including assistive technology and search engines.
Modern APIs and performance — web components, lazy loading, and the techniques that make pages fast.
Why start with HTML?
You could jump straight into a JavaScript framework, but every framework — React, Vue, Angular — ultimately produces HTML for the browser to render. Understanding HTML deeply means you understand what those tools are actually generating, and you'll write better, more accessible, more semantic markup no matter what tool sits on top of it.
Next up: a closer look at what HTML actually is (and isn't) compared to a programming language, plus the vocabulary — elements, tags, attributes — you'll be using constantly from here on.