HTML Headings

Overview

HTML Headings can be used to specify topic titles and sub-topics titles in an HTML document.

Heading Syntax

We can define six levels of headings in an HTML document. The general syntax of the heading tag is as follows:

<h1> Sample Heading </h1>

The heading tags are <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>. <h1> is the largest and <h6> is the smallest.

Example Code

<html>

<head>

<title> HTML Tutorials – HTML headings</title>

</head>

<body>

<h1> Example of H1 Heading </h1>

<h2> Example of H2 Heading </h2>
<h3> Example of H3 Heading </h3>
<h4> Example of H4 Heading </h4>
<h5> Example of H5 Heading </h5>
<h6> Example of H6 Heading </h6>

</body>

</html>

Sample Output

Save the code with .htm or .html file extension. Launch the HTML page in the web browser. Sample output of the code in the browser.

We can notice that the size of the headings decreases from h1 to h6 gradually. The main headings in the HTML document can be <h1> and sub topic headings can of <h2> or <h3>.

—