Html Headings

Html Headings are defined with the <h1> to <h6> tags.

<h1> defines the most important heading. <h6> defines the least important heading.

Headings Are Important

Search engines use the headings to index the structure and content of your web pages.

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.

Please Note: Use HTML headings for headings only. Don’t use headings to make text BIG or bold.

Bigger Headings

Each HTML heading has a default size. However, you can specify the size for any heading with the style attribute:

Example

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

HTML Horizontal Rules

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 page:

Example

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
  • In HTML, Headings are used to give size to the contents of the browser screen which was given in body tag.
  • Headings are defined with the <h1> to <h6> tags.
  • <h1> defines the largest heading and <h6> defines the smallest heading.
  • HTML automatically adds an extra blank line before and after a heading.

Code:

Html Headings
Html Headings Code


Output:

Html Headings
Html Headings Output

 


Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.