You are currently viewing HTML Heading, head and hr | lesson 07 HTML Tutorial
HTML heading image

HTML Heading, head and hr | lesson 07 HTML Tutorial

In this video you could learn the differences between the heading which is( h1 to h6), and head which is exist in the head part of the HTML page exactly before the body tag, and finally the hr which mean the horizontal line.

If you need visual explain, you could watch this video:

HTML Heading, head and hr

HTML Headings

Headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading. Also, <h6> defines the least important heading.

Heading Example:

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

NOTE::when we use heading it prints new line after it.

Headings Are Important

Search engines use the headings to index the structure and content of your web pages. Users skim your pages by its headings. It is important to use headings to show the document structure. So <h1> headings should be used for main headings, followed by <h2> headings, then the less important <h3>, and so on.

Note: Don’t use headings to make text BIG or bold use the styles,like the following example:

 <p style="font-size:60px;">Large text</p>

HTML Horizontal Rules

The <hr> tag defines a thematic break in an HTML page, and is most often displayed as a horizontal rule. Also the <hr> element is used to separate content (or define a change) in an HTML page.


<p>This is paragraph text.</p>
<hr>           <!--this is line -->
<p>This is other paragraph text.</p>

The HTML <head> Element

The HTML <head> element has nothing to do with HTML headings. The <head> element is a container for metadata. HTML metadata is data about the HTML document. Metadata is not displayed. The <head> element is placed between the <html> tag and the <body> tag.


<!DOCTYPE html>

  <title>Title HTML</title>
  <meta charset="UTF-8">


This post is one of the HTML5 for deep understanding course. where we will learn every common elements from basic to the advanced element.

In addition each lesson has a video which you could visit and watch for more practicing and for deep understanding.

We hope that we could give the best for you and for the deep and easy understanding.

You could follow the series from our website and go to categories and then programming and then Choose the course you want then just click next post to go step by step.

Finally we hope every thing is works as you suspect.

Consequently You could follow us at :

Website URL:


Twitter: http://


Facebook: http://


Leave a Reply