HTML Markup

Homepage Glossary HTML Markup

HTML markup is a method of describing the structure of a web page using the HTML (HyperText Markup Language) markup language. It allows the browser to “understand” where elements such as headings, paragraphs, images, links, forms, and other components are located on the page.

What is HTML Markup?

HTML markup is a set of tags that form the framework of a web page.
Each tag tells the browser what type of element it is and how it should be interpreted: a heading, text, image, list, table, etc.

Example:
The <h1> tag indicates the main heading, while <p> denotes a paragraph of text.

Structure of an HTML Document

A basic HTML page template:

html

<!DOCTYPE html>

<head>

<title>Page Title</title>

</head>

<body>

<h1>Hello, World!</h1>

<p>This is an example of HTML markup.</p>

</body>

</html>

<html> — the root element
<head> — the metadata section (meta tags, title, links to styles and scripts)
<body> — the page content visible to the user

Common HTML Elements

Most frequently used:

Headings: <h1>…<h6>
Paragraphs: <p>
Links: <a href=”…”>
Images: <img src=”…” alt=”…”>
Lists: <ul>, <ol>, <li>
Containers: <div>, <section>, <header>, <footer>
Tables: <table>, <tr>, <td>
Forms: <form>, <input>, <button>

Why is HTML Markup Important?

HTML markup:

Defines the structure of the page;
Helps the browser display content correctly;
Influences SEO (through headings, lists, semantic tags);
Serves as the foundation for styling (CSS) and interactivity (JavaScript);
Makes the page accessible to search engine crawlers and assistive technologies.

Without HTML markup, a website would simply be “flat” text without logical structure.

Semantic HTML Markup

The modern approach involves using semantic tags that describe the meaning of content blocks:

<header> — header
<nav> — navigation
<main> — main content
<article> — article
<section> — section
<footer> — footer

This helps both humans and search engines better understand the page’s content.

Summary

HTML markup is the foundation of any web page. It defines the structure and meaning of content, upon which styles (CSS) and logic (JavaScript) are later applied.