HTML Headings

HTML Headings are used to define titles and subtitles on a web page.
They help organize content and improve readability for both users and search engines.

In this tutorial, you will learn HTML heading tags, their importance, and see examples with output.

What Are HTML Headings

HTML headings are defined using <h1> to <h6> tags.

They are used to:

• Create titles and subtitles
• Structure content
• Improve SEO and readability

HTML Heading Tags List

There are six levels of headings in HTML.

Heading Tags Table

HTML Headings Example

Example Code

<h1>Main Heading</h1>
<h2>Sub Heading</h2>
<h3>Section Heading</h3>
<h4>Small Heading</h4>
<h5>Smaller Heading</h5>
<h6>Smallest Heading</h6>

Output

Main Heading
Sub Heading
Section Heading
Small Heading
Smaller Heading
Smallest Heading

Explanation of Heading Sizes

• <h1> is the largest and most important
• <h6> is the smallest and least important
• Size decreases from h1 to h6

Importance of HTML Headings

Why Headings Matter

HTML headings, h1 to h6 tags, HTML heading examples, HTML tutorial, learn HTML headings

Proper Use of Headings

Correct Example

<h1>Website Title</h1>
<h2>Section 1</h2>
<h3>Subsection</h3>

Output

Website Title
Section 1
Subsection

Incorrect Use of Headings

Example

<h1>Main Title</h1>
<h4>Wrong Order</h4>

Problem

• Skipping heading levels breaks structure
• Bad for SEO

Only One <h1> Per Page

Example

<h1>My Website</h1>
<h2>About Us</h2>
<h2>Services</h2>

Explanation

• Use only one <h1> for main title
• Use <h2> to <h6> for subheadings

Styling Headings with Attributes

Example Code

<h1 style="color: blue;">Blue Heading</h1>

Output

Blue Heading (in blue color)

HTML Headings vs Paragraphs

Comparison Table

Common Mistakes with Headings

HTML Headings Example with Page Structure

Example Code

<h1>HTML Tutorial</h1>
<h2>Introduction</h2>
<p>This is the introduction section.</p><h2>Topics</h2>
<h3>HTML Basics</h3>
<p>Basic concepts of HTML.</p>

Output

HTML Tutorial
Introduction
This is the introduction section.

Topics
HTML Basics
Basic concepts of HTML.

You may like

• HTML Tags
• HTML Elements
• HTML Paragraphs
• HTML Attributes

Frequently Asked Questions (FAQ)

1. How many heading tags are there in HTML?

There are six heading tags from <h1> to <h6>.

2. Which heading is most important?

<h1> is the most important heading.

3. Can I use multiple <h1> tags?

It is not recommended for SEO.

4. Do headings affect SEO?

Yes, headings are very important for SEO.

5. Can I style headings?

Yes, using CSS or style attribute.