HTML - <h1> to <h6> Tags

Quiz

HTML h1 to h6 tags are heading tags. They define six levels of heading, with, <h1>indicating the most important heading and <h6> indicating the least important heading.

The heading tag helps to provide titles and subtitles at the top of the page or anywhere on the page. It is important to use the heading to show the document's structure.

Note: Avoid using the heading tags randomly, as this can reduce the readability of the content.

Syntax

Following is the syntax of <heading> tag −

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

Attributes

HTML <h1> to <h6> tags supports both Global and Event attributes of HTML.

Example: Using h1 & h2 Tag

In the following example, we are create an HTML page that displays important headings using the <h1> and <h2> tags. We will see examples of each heading tag. Choosing the right heading tag is important for SeO and readability. Structuring your website content properly helps improve google rankings and makes the content easier to read.

<!DOCTYPE html>
<html>
<body>
   <h1>This is heading 1</h1>
   <h2>This is heading 2</h2>
   <h1>Tutorialspoint</h1>
</body>
</html>

Example: Using h3 & h4 Tag

Consider the following example, where we create an HTML document using the <h3> and <h4> tags.

<!DOCTYPE html>
<html>
<body>
   <h3>This is heading 3</h3>
   <h4>This is heading 4</h4>
   <h3>Tutorialspoint</h3>
</body>
</html>

Example: Using h5 & h6 Tag

Let's consider the following example: We will create HTML documents using the h5 and h6 tags indicate that the headings on the page are of least important.

<!DOCTYPE html>
<html>
<body>
   <h5>This is heading 5</h5>
   <h6>This is heading 6</h6>
   <p>The above heading is h5 and h6</p>
</body>
</html>

Supported Browsers

Tag
h1 - h6	Yes	Yes	Yes	Yes	Yes

html_tags_reference.htm

Print Page