How to learn HTML – Header tag in html

Posted on: March 22, 2021 in HTML ,

H tags can be used to easily write headlines in HTML. There are 6 different types of H tags. These are <h1>, <h2>, <h3>, <h4>, <h5> and <h6>. The <h1> to <h6> tags are used to define HTML headings. These have their own default styles. <h1> is Defines the most important heading. <h6> is Defines the least important heading.

Example is below.

HTML Header display Code block

    
    <!DOCTYPE html>
    <html>
      <head>
       <title>Site title / Page title</title>
         </head>
           <body>
             <h1>Heading 1</h1>
             <h2>Heading 2</h2>
             <h3>Heading 3</h3>
             <h4>Heading 4</h4>
             <h5>Heading 5</h5>
             <h6>Heading 6</h6>

             <p> this is paragraph</p>

           </body>
    </html>

result : See the below image.

Default CSS style of H tags

See the image below for how to get the CSS value of the h tag

Most browsers display the <H1> tag element with the following default values.

<H2> tag element with the following default values.

<H3> tag element with the following default values.

<H4> tag element with the following default values. The font size of the H4 tag is 1em. So Most browsers will not display the font size.

<H5> tag element with the following default values.

<H6> tag element with the following default values.

Share your thoughts Cancel reply

Learn HTML in easy way
Hypertext Markup Language,…