HTML Head and Heading Tags

In this tutorial, you will learn about HTML Head and Heading tags. Let's discuss about heading tags.

HTML Heading Tags

The HTML Heading tags are used to create headlines of a text. HTML provides the following six levels of heading:

  • <H1>
  • <H2>
  • <H3>
  • <H4>
  • <H5>
  • <H6>

The first level heading i.e. <H1> is the most important heading, and the last level heading i.e. <H6> is the least important heading.

Every articles have its own heading like if you are writing an article on the top 10 programming language, then you can give a heading to your article like Top 10 Programming Language

To learn more about HTML Headings, follow the separate tutorial on HTML Heading.


Here is an example uses all the six levels of heading in HTML.

<!DOCTYPE html>
   <title>HTML Heading Tags Example</title>

<h1>This is Level 1 Heading</h1>
<h2>This is Level 2 Heading</h2>
<h3>This is Level 3 Heading</h3>
<h4>This is Level 3 Heading</h4>
<h5>This is Level 5 Heading</h5>
<h6>This is Level 6 Heading</h6>


Here is the sample output produced by the above HTML Heading tags example code:

HTML Heading Tags

HTML Head Tag

The HTML <HEAD> tag contains the metadata about the HTML document, which are not displayed by the browser, only used by the search engine to crawl information about the web page.

The HTML <HEAD> tag is placed between the <HTML> and <BODY> tag. Here are the tags, that you can include inside the HTML <HEAD> tag:

  • <TITLE>
  • <META>
  • <BASE>
  • <STYLE>
  • <LINK>
  • <SCRIPT>

To learn about these tags, refer to HTML Metadata Tags tutorial.

HTML Online Test

« Previous Tutorial Next Tutorial »

Like/Share Us on Facebook 😋