HTML tags explain

We hope you have gone through the first article of HTML. And if you have not read it then first you read that article, after that read this one. So, you will understand the part 02 of HTML very well. In this article, we will learn about all heading tags (h1 to h6) of HTML. In addition to this we also learn about paragraph <p> tag, <br> tag, <hr> tag.

History of HTML - click this link

What is heading and paragraph?

Let’s take a daily example to understand what is heading and paragraph. In today’s scenario, the newspaper comes in almost all homes and everyone must read at least one newspaper every day. You must have noticed that in every newspaper there is a headline written in very large letters and there is a lot of text written below that headline which is related to that headline. So, the headline is considered as Heading in HTML and the text written below that headline is said to be a paragraph.

When we talk about HTML, there are 6 types of heading in it, from <h1> to <h6>. <h1> means the largest text (in size) and <h6> means the smallest heading. It means that if we as we move from <h1> to <h6> the size of the text decreases.

Explain all HTML heading

First, we have gone through the <h1> heading. In our website, if we want to convert some text into heading then we will write that text inside <h1> heading. For example, if we want to make Hello World text a heading, then you just to open <h1> tag before this text and where the text is ending, you have to close <h1> tag. We have learned an opening and closing of tag in Part 01. Our code will appear in this manner.


                              <html>
      <head> </head>

                               <body>
                                     <h1>Hello World</h1>
                                     <h2>Hello World</h2>
                                     <h3>Hello World</h3>
                                     <h4>Hello World</h4>
                                     <h5>Hello World</h5>
                                     <h6>Hello World</h6>
                               </body>
                           
    </html>

As you have seen this code, we have used all the headings in our code till <h1> to <h6> Now we also see the output of this code.

HTML paragraph tag

Hope you will understand how we will make a heading. Now let us talk about making a paragraph. To make headings there are tags available from <h1> to <h6>, but to create paragraph we have only one tag that is, <p> Any text which you want to convert into a paragraph in the website, just write that text inside <p> tag. That text becomes a paragraph. Its code is given below.

<html>
   <head> </head>

   <body>
       <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed 
      do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim 
      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut 
      aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
      in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
      sint occaecat cupidatat non proident, sunt in culpa qui officia
      deserunt mollit anim id est laborum."</p>
  </body>
 
</html>

HTML hr tag

Now let us talk about <hr> tag. With the help of this tag, you can create a horizontal line anywhere on the web page. All you have to do is put this tag there where you want to set a horizontal line. This is also an empty tag which means there is no closing tag too, its code is given below.

<html>

 <head></head>

 <body>
       <p>Lorem ipsum dolor sit amet <br> consectetur adipiscing elit</p>
       <hr>
 </body>
 
</html>

Output all tag with example

Now we will tell you to create a web page with the help of heading, paragraph, <hr>, and <br> tag. We will also show you the output.

<html>

 <head></head>

 <body>
       <h1>Hello World</h1> 
       <h2>Hello World</h2>
       <h3>Hello World</h3>
       <h4>Hello World</h4>
       <h5>Hello World</h5>
       <h6>Hello World</h6>
       <hr>
       <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
           eiusmod tempor incididunt ut labore et dolore magna aliqua. <br>Ut enim 
           minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip 
           ea commodo consequat. Duis aute irure dolor in reprehenderit in 
           velit <br> esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
           occaecat cupidatat non proident, sunt in culpa qui officia deserunt 
           anim id est laborum."</p>


     </body>
 
</html>

Learn code online

If you are not able to join our institute so don't worry about it because our aim is to educate our student. not to making money from students. that's why tech forest provides 100% Free online training program. any student who wants to learn code online. that student visit our website then go to our blog area here we mention all the courses content from basic to advance level. you learn to code from anywhere, any time. you can also download notes as a pdf format, read all article related to your courses. all the course listed in below you just click the icon according to your interest and enjoy free learning.