HTML

Hypertext Markup Language

Headings

Definition:

The HTML <h1>–<h6> elements represent six levels of section headings. <h1> is the highest section level and <h6> is the lowest.

By default, browsers display headings in larger and bolder font than normal text. Also, <h1> headings are displayed in largest font, whereas <h6> headings are displayed in smallest font.

Example

<html> <head>
<title>Skillpundit</title> </head>
<body>
<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>
</body>
</html>

Output

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

Importance of Headings

The first being that headings organize the information on your page so that the topics and subtopics are highlighted in a specific, standard order. This is also important for accessibility. When a screen reader reads your page, it knows what order to convey the information through the map that is laid out by your heading structure. Lastly, not using headings properly or at all can lead to bad SEO for your page or site.

Web Tutorials

</> HTML Tutorial

HTML Forms

Tables

Form Practicals

Practicals