Basic Html Heading

Heading tags are used in any part of the document to be published as a theme or title. It has six heading text. H1 is the large size of heading tags and H2 is the small size. At first, open the default software on your computer to understand the subject of heading tag practically. Then click start> notepad. When open the notepad and then you will see the following image.

Here enter the code inside the body tag. HTML tags are not case sensitive . So you can write tags as shown below . As you I write h1  or H1 tags in the body tag so  HTML page looks like this.

HTML CODE DISPLAY IN BROWSERS
<html>
<body>
<h1>Heading 1</h1> <br/>
<H1>Heading 1</H1>
</body>
</html>

Heading 1

Heading 1

If you want to see in the web browser, open the file the default software – Windows Explorer from your computer. If you do not open, then go to the file location where saved the file and double-click on the file.

Then you can see the file in your browser.

You can come back again to your Notepad code window and Change the 1’ into 3’s.

Save the change and go back to your existing browser. Then press F5 to refresh the page. You can see it in the below. Example :

Heading 1

In this way the header tags to write h4, h5 and h6 display in a browser to comparing a tag to another tag when you use a tag importantly.

You can also use the heading tags with CSS. As a result, it will look more beautiful on your web pages.

An example is given below for clear concept of heading tags :

HTML CODE DISPLAY IN BROWSERS
<html>
<body>
<h1>heading tag 1</h1>
<h2>heading tag 2</h2>
<h3>heading tag 3</h3>
<h4>heading tag 4</h4>
<h5>heading tag 5</h5>
<h6>heading tag 6</h6>
</body>
</html>

   heading tag 1

    heading tag 2

    heading tag 3

     heading tag 4

     heading tag 5
      heading tag 6

7 thoughts on “Basic Html Heading

  1. After study a couple of the blog posts on your own site now, and I actually like your manner
    of blogging. I bookmarked it to my bookmark website list and will be checking back soon. Pls check out my web site also and let me know
    what you believe.

    Feel free to visit my weblog; shadow fight 2 hack android (http://www.darkhacks24.com)

  2. I used to be very happy to search out this internet-site.I needed to thanks in your time for this glorious read!! I positively having fun with each little bit of it and I’ve you bookmarked to take a look at new stuff you weblog post.

Leave a Reply

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