Hello Friends! In today's blog, we'll learn how to put comments and tags in your HTML document.

What is a comment? A comment is a statement that helps you understand the program better. It doesn't appear in the output.

There are the following types of comments:

Single-line and Multiline comments- It is represented by <!------------ >. Both single and multiple lines are allowed.

Example- Single-line comment.

<html>
<head>
</head>
<body>
       <!--This is a single-line comment-->   
</body>
</html>

Example - Multiline comment

<html>
<head>
</head>
<body>
   <!--This is a multi-line comment
      Here, the content can be added 
      in multiple lines.-->
</body>
</html>

Comment tag- It is represented by <comment>. A comment tag allows you to add a comment to your document.

<html>
<head>
</head>
<body>
  <comment>
      Hello, Folks!
  </comment>
</body>
</html>

What are tags?

A tag allows the formatting of the data accordingly. A tag is an opening tag as well as a closing tag.

open tag - <a>
close tag - </a>

A closing tag includes a backslash.

There are various types of tags. Some of them are listed below:

<head> - It contains the specific information of a website.

Input-

<head>
    <h1>Hello</h1>
    <h2>Hello</h2>
    <h3>Hello</h3>
    <h4>Hello</h4>
    <h5>Hello</h5>
    <h6>Hello</h6>
</head>

Output-

Hello

<body>- It contains the main content of a website.

Input-

<html>
<head>
</head>
<body>
    Hello everyone, I'm Anshika. We are learning about tags.   
</body>
</html>

Output-

Hello everyone, I'm Anshika. We are learning about tags.

<p>- Sometimes, you add paragraphs to your document. For this, <p> tag is used. It ignores all the extra spaces given to the context.

Input

<html>
<head>
</head>
<body>
    <p>Hello everyone, I'm Anshika. We are learning about tags.  
             This is paragraph tag.</p> 
</body>
</html>

Output-

Hello everyone, I'm Anshika. We are learning about tags.
This is paragraph tag.

<br>- It is a line break element.

Input-

<html>
<head>
</head>
<body>
    We are learning about break tag.
    <br>
    Tags are easy to learn.
</body>
</html>

Output-

We are learning about break tag.
Tags are easy to learn.

<hr>- It is a horizontal break element. It displays a horizontal line in the output. Input-

<html>
<head>
</head>
<body>
  We are learning about break tag.
  <hr>
  Tags are easy to learn.
</body>
</html>

Output-

We are learning about break tag.

Tags are easy to learn.

NOTE: <br> and <hr> have no closing tags.

<pre>- This tag represents the text as it is.

Input-

<html>
<head>
</head>
<body>
    <pre>We are learning about break tag.
        Tags are easy to learn.
        </pre>

</body>
</html>

Output-

We are learning about break tag.
        Tags are easy to learn.

Conclusion: In today's blog, we got to know about comments and tags.

Anshika Gupta's blog

Anshika Gupta's blog

Comments and Tags in HTML

Table of contents

No headings in the article.

Hello

Hello

Hello

Hello

Hello

Hello