Explain Heading Tag in HTML with the help of Example
HTML Heading tags is helps to make the
heading look unique and the user’s attention goes to them quickly. Wherever you
define a heading in HTML, then automatically before and after the line is
break.
HTML heading are defined with Six(6) Levels of headings. It can be defined as a title or a subtitle which you want to display on your webpage. There are <h1> to <h6> heading tags. <h1> tag is higher level headings and other <h2>,<h3>,<h4>,<h5>,<h6> are lower level headings.
Description
HTML Heading Tags :
1. <h1> …. </h1> : It is most important heading tag. It is used to define the main heading of your webpage. Search engine crawlers find out from this tag what an article is about.
2.
<h2> …. </h2> : It is subheading tag. It is used to define
the sub-heading of your web page or any articles.
3.
<h3> …. </h3> :
It is minor heading tag. It is represent by minor topics in subtopics.
4.
<h4> …. </h4> :
It is deep level heading tag. It is used divided content of sections.
5.
<h5> …. </h5> :
It is also deep level heading tag.
6. <h6> …. </h6> : It is also deep level heading tag. It is also used to create a list because it’s font size is nearby normal text.
Font Size of h1 to h6 in HTML :
Sr. No. |
HTML Element |
Default CSS |
Pixel height |
|
1. |
<h1> …
</h1> |
2em |
32px |
|
2. |
<h2> …
</h2> |
1.5em |
24px |
|
3. |
<h3> …
</h3> |
1.17em |
18.72px |
|
4. |
<h4> …
</h4> |
1em |
16px |
|
5. |
<h5> …
</h5> |
0.83em |
13.28px |
|
6. |
<h6> …
</h6> |
0.7em |
12px |
Example :
2. Write below code
<html>
<head> <title>Heading Tags </title> <head>
<body>
<center> <h1> This is Heading Tag1. </h1>
<h2> This is Heading Tag2. </h2>
<h3> This is Heading Tag3. </h3>
<h4> This is Heading Tag4. </h4>
<h5> This is Heading Tag5. </h5>
<h6> This is Heading Tag6. </h6>
<h6> This is Heading Tag1. </h6>
<h5> This is Heading Tag2. </h5>
<h4> This is Heading Tag3. </h4>
<h3> This is Heading Tag4. </h3>
<h2> This is Heading Tag5. </h2>
<h1> This is Heading Tag6. </h1></center>
</body>
</html>
3. Save file with .html extension.
OUTPUT :
 |
| Heading Tag in HTML with Example |
Hi. I’m Blogger of Computer Software E-Learning. I’m Computer Trainer in YouTube. I’m Creative Art Desinger in Social Media Posts, Give to Free Trainning to People Using YouTube in Easy Hindi Language and Blog Articles, Web Designer, Web Developer, Speaker, Writer and Edit in Photos in a way of Professionally. Inspired to Make Things Looks better. I’m Also Provide To Free Materials And Notes To Peoples. So, They Can Easliy Learn Computer Softwares And Also Helpful To Those People Who's Are Prepaired Government Exams.
0 comments:
Post a Comment