Use of headings in HTML
What is headings and role of it in the Html ?
Generally we understand Headings that’s demonstrate the priority of any text with their value.
In the html when we discuss about the heading that denotes with <h> tag .Heading is also categorised in 6 parts.
Why we use headings in HTML ?
Heading is required for the webpage to show their value in front of page reader .In the technical term heading is a tag to show the property of sentence or text.Heading is also useful while we do the digital marketing of any website or webpage.
Syntax of heading in HTML
<h> heading </h>
Note : heading element have 6 levels to define the headings in html
Use of H1 Tag
h1 tag that is first heading element define. the h1 tag shows text in bold and highest size from all heading level element.
how to write heading with use of h1 tag?
<h1> Your first heading element is known as a main heading of your webpage</h1>
<h1> tag is main heading of the page.So try to use one time in any web page which you creates. H1 heading is so useful for indexing in the search engine. Crawler looks your first heading of the web-page for indexing in search engine .
Lets understand heading tags with example
<html>
<head>
<title> Use of Headings in html </title>
</head>
<body>
<h1>Gyan express demonstrate Heading h1<h1>
<h2>Gyan express demonstrate Heading h2<h2>
<h3>Gyan express demonstrate Heading h3<h3>
<h4>Gyan express demonstrate Heading h4<h4>
<h5>Gyan express demonstrate Heading h5<h5>
<h6>Gyan express demonstrate Heading h6<h6>
</body>
</html>
You should copy this code and paste it in the notepad application , save it as filename.html extension .
Open it in any browser you will see the result of headings
Use of h2 tag in HTML
h2 tag is use for creating sub heading in web page.So its prefer to use after <h1> tag.
Syntax of inserting heading in HTML
<h2>Sub heading of your webpage </h2>
Use of h3 tag in HTML
h3 tag is use to create sub-sub- heading. Its size is smaller than <h2> element tag.web designer also called this is a minor heading
Syntax of inserting heading <h3> in HTML
<h3>Sub-Sub heading of your webpage </h3>
Use of h4 tag in HTML
h4 tag is use to create 4th level heading. Its size is smaller than <h2> and <h3> element tag.web designer also called this is a 4th level heading
Syntax of inserting heading <h4> in HTML
<h4>Sub-Sub heading of your webpage </h4>
Use of h5 tag in HTML
h5 tag is use to create 5th level heading. Its size is smaller than <h2> , <h3>,<h4> element tag.web designer also called this is a 5th level heading .
<h5> tag is supported by browser like .
- Chrome
- Android
- Firefox (Gecko)
- Firefox Mobile (Gecko)
- Internet Explorer (IE)
- Edge Mobile
- Opera
- Opera Mobile
- Safari (WebKit)
- Safari Mobile
Syntax of inserting heading <h5> in HTML
<h5>Sub-Sub heading of your webpage </h5>
Use of h6 tag in HTML
h6 tag is use to create 6th level heading. Its size is smaller than <h2> <h3> ,<h4> <h5>and <h6> element tag.web designer also called this is a 6th level heading
Syntax of inserting heading <h6> in HTML
<h6>Sub-Sub heading of your webpage </h6>
Summary:What we have learnt
- html is based on elements
- <h1> tag is the first tag to present the headings
- <h1>tag plays major role in search engine
- Each and every html page should have only one <h1> tag
- html have five headings element like <h1>, <h2> ,<h3> ,<h4> <h5>
- <h1> tag have highest text size and <h5> tag have lowest font properties in html