Home » HTML » Heading in HTML

Heading in HTML

Headings are important in HTML documents.

Headings in HTML:-

Headings are defined with the <h1> to <h6> tags. <h1> is largest heading and <h6> is the smallest heading in HTML document. 
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

Importance of Heading in HTML:-

Search engines use the headings to index the structure and content of your web pages. heading are used for SEO for websites.Users skim your pages by its headings. It is important to use headings to show the document structure.<h1> headings should be used for main headings, followed by <h2> headings, then the less important <h3>, and so on.
Note: Use HTML headings for headings only. Don’t use headings to make text BIG or bold.

Horizontal Rules in HTML:-

The <hr> tag defines a thematic break in an HTML page, and is most often displayed as a horizontal rule.The <hr> element is used to separate content (or define a change) in an HTML .
<h1>This is heading 1</h1>
<p>This is some text.</p>
<h2>This is heading 2</h2>
<p>This is some other text.</p>

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>My First HTML</title>
  <meta charset=”UTF-8″>

Note: Metadata typically define the document title, character set, styles, links, scripts, and other meta information.

How to View HTML Source?

Have you ever seen a Web page and wondered “Hey! How did they do that?”

View HTML Source Code:

To find out source code of web page, right-click in the page and select “View Page Source” or shortcut is ctrl + u (in Chrome) or “View Source” (in IE), or similar in other browsers. This will open a window containing the HTML source code of the page.

Inspect an HTML Element:

Right-click on an element (or a blank area), and choose “Inspect” or “Inspect Element” to see what elements are made up of (you will see both the HTML and the CSS). You can also edit the HTML or CSS on-the-fly in the Elements or Styles panel that opens.

HTML Tag Reference:-

s1school’ tag reference contains additional information about these tags and their attributes.
Tag Description
<html> Defines the root of an HTML document
<body> Defines the document’s body
<head> A container for all the head elements (title, scripts, styles, meta information, and more)
<h1> to <h6> Defines HTML headings
<hr> Defines a thematic change in the content
You Can Also Use HTML Online Editor For Prectice

IF you have any question about this lecture you can comment blow. feel free to contact me.

Leave a Reply

Your email address will not be published. Required fields are marked *


error: Sorry You Have Not Permission To Copy!