HTML Headings

HTML specifies six levels of headings. All heading element has its own font size and spacing before and after the heading.

Headings are defined with the <h1> to <h6> tags.

<h1> defines the most important (highest level) heading. <h6>defines the least important heading.

Example of All HTML Headings Levels:

<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>
<h5>Heading level 5</h5>
<h6>Heading level 6</h6>

Why HTML Headings Are Important?

HTML Heading tags are important for users as well as Search Engines.

  • Heading tags helps users to pay attention to the main headings.
  • Search engines (such as Google) also use your headings to understand the important components of your website.
  • We should use HTML headings to define headings content only. It should not be used just to make text big or bold.

Complete HTML Example with Headings

<!DOCTYPE html>
<html>
 
<head>
    <title>HTML Headings Example</title>
</head>
 
<body>
    <h1>First Heading</h1>
    This is simple content
 
    <h2>Second Heading</h2>
    This is simple content 
</body>
 
</html>

Congratulations! Chapter Finished. Learn more about the similar topics:
Exercises & Assignments
No Content Found.
Interview Questions & Answers
No Content Found.