HTML – Heading Tag With Syntax

html heading tag

In HTML or webdevelopment one of the major tag that we focus in heading tag, because without having an heading tag we will be or user will be lost to navigate the topic or the relevancy of the page.

Heading tags are categorized in 6 (six tag) from H1 to H6. Here I have shared how to use them in a webpage or during development.

Make sure you learn to use them in different prespectives, so that you won’t get confused using them.

Learn: Introduction of HTML and Syntax.

Heading Tag <h1> … <h6>

  • Every HTML document has some headings that represent what the content following it is about. 
  • There are 6 level of heading in a webpage from <h1>, <h2> … <h6> 
  • The content or text within the heading tag appears in bold and larger font. 
  • The highest level of heading tag is <h1></h1>. 
  • The lowest level of heading tag is <h6></h6>.

HTML Code

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

HTML Output

HTML Heading

Heading tag is widely use to make title bold, it automatically increases or decreases in font size. eg. If you use the <h1> tag than the tax will be the bit larger than normal text. You have to decide where you want to use the heading tag.  

Normally h1, h2, and h3 tags are mostly used in websites and blog, heading also a most important part of blogs, website and any other thing.   While using heading tags you must have to be careful because Heading tags also affect on your site SEO. 

Learn: How to Create a Simple Webpage using HTML.

HTML Code

<html>
<head> </head>
<body>
<h1>Chaper 1</h1>
<p> This is chapter 1.</p>
<h2>Introudction</h2>
<p>computer is derived from Greek word 'computare'.</p>
<h3>Characterstics</h3>
<p>1. Speed 2. Storage 3. Automatic so on.</p>
<h4>Application of Computer</h4>
<p>1. Home 2. Desktop publication 2. Health </p>
<h5>Anything</h5>
<p> the quick brown fox jumps over the lazy dog.</p>
<h6>The Dog</h6>
<p> the quick brown fox jumps over the lazy dog.</p>
</body>
</html>

HTML Output

HTML Heading Tag.

TutsMaster.org

Tutsmaster.org provides tutorials related to tech and programmings. We are also setting up a community for the users and students.

Facebook