HTML headings are titles or subtitles that you need to display on a webpage.

An HTML heading or HTML h tag can be defined as a title or a subtitle which you need to display on the site page. At the point when you place the content inside the heading tags <h1> ……… </h1> , it is shown on the browser in the bold format and size of the text relies upon the quantity of heading.

There are six different HTML headings which are characterized with the <h1> to <h6> tags, from most significant level h1 (main heading) to the least level h6 (least significant heading).

h1 is the largest heading tag and h6 is the smallest one. So h1 is used for most significant heading and h6 is used for least significant.

Example

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

HTML Headings

HTML headings are defined with the <h1> to <h6> tags.

<h1> characterizes the main heading. <H6> characterizes the least important heading.

Example

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

Note: Browsers automatically add some blank area (a margin) before and after a heading.


Headings Are Important

Web crawlers use the headings to index the structure and content of your website pages.

Users frequently skim a page by its headings. It is essential to use headings to show the document structure.

<h1> headings ought to be used for main headings, followed by <h2> headings, at that point the less significant <h3>, etc.

Note: Use HTML headings for headings as it were. Try not to use headings to make text BIG or bold.


Bigger Headings

Every HTML heading has a default size. In any case, you can indicate the size for any heading with the style attribute, using the CSS font-size property:

Example

<h1 style="font-size:60px;">Heading 1</h1>

Thanks for reading! We hope you found this tutorial helpful and we would love to hear your feedback in the Comments section below. And show us what you’ve learned by sharing your photos and creative projects with us.


0 Comments

Leave a Reply

Avatar placeholder