HTML Headings

HTML Headings
  • HTML headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading. <h6> defines the least important heading.
  • Example
  • <!DOCTYPE html>
    <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 white space (a margin) before and after a heading.Use HTML headings for headings only. Don't use headings to make text BIG or bold.

  • Search engines use the headings to index the structure and content of your web pages.<h1> headings should be used for main headings, followed by <h2> headings, then the less important <h3>, and so on.
Headings with css
  • Each HTML heading has a default size. However, you can specify the size for any heading with the style attribute, using the CSS font-size and color property.

<h5 style="font-size:20px; color:blue">Heading 5 with css</h5>


Heading 5 with css