How to make a single line and multi-line comment in HTML

You can create a single line comment by putting <!-- at the start and --> at the end of your comment.

You can also make a multi-line comment in HTML by adding <!-- at the beginning of your comment and --> at the end of your multi-line comment.

Comments tags in HTML

The HTML tag <!-- signify the beginning of your comment and --> indicate the end of your comment. So it is important to ensure that your HTML comment does not contain <!-- and --> inside it. If they happen to be inside the comment, your comment might break and stop becoming a comment.

A comment tag is a HTML tag that is used to add comments to a HTML page. A HTML comment tag must have:

Single line comments in HTML

An example of a single-line HTML comment tag is:

<!-- This is a single line HTML comment -->

Multi-lines comments in HTML

If you want to comment out a whole HTML section, you can use a multi-line HTML comment as shown below:

<!-- This is a multi-line HTML comment
  It contains a lot of HTML content inside it.
  <div id="header">
    <h1 id="my-logo" class="title">Picture learner</h1>
 -->
    <h2 class="subtitle">Learn through pictures and sounds</h2>
  </div>

Any text inside the comment tag is not visible to the reader on the browser. You can view the comments when you click:  “view page source” on a browser.

You can use the comment tags to:

• insert comments in the source code

  When you are writing the HTML code, you can use the comment to explain what each section of the code is doing.

• hide part of a webpage from being displayed.

  You can use HTML comment tag to comment out HTML code. If you have a part of a webpage that you want to hide it but not delete it, then HTML comment tag is your best bet. This way, you can hide a whole section of a HTML page from being viewed on the browser.

You can use comments to explain your code, which can help you when you edit the source code at a later date. This is especially useful if you have a lot of code.