HTML Comments

by Online Tutorials Library July 14, 2014

HTML Comments

Comments are some text or code written in your code to give an explanation about the code, and not visible to the user. Comments which are used for HTML file are known as HTML comments. Anything written between these tags will be ignored by the browser, so comments will not be visible on the webpage.

Comments of any code make code easy to understand and increase readability of code.

Comments are also part of the code, which gives an explanation of the code.

How to add comment In HTML

You can add comments in your HTML file using <! — … –> tag. So if you will write anything between theses comment tag that will be treated as comment and browser will not read it.

Syntax

Note: The commented code will not be visible to a webpage, and hence you can use comment tag for documentation purpose, and debugging purpose:

Such as:

Example:

  <!DOCTYPE html>  <html>  <!– This is Header section –>  <head>  <!– Internal CSS –>  <style>  body{  text-align: center;  background-color: #f0f8ff;  font-size: 30px;  color: red;  }  </style>  </head>    <!– This is body section, write code here which you want to display on web-page –>  <body>  <!– heading tag –>   <h2>First WebPage</h2>     <!– Paragraph tag –>   <p>Write your Content here!!!</p>  </body>  </html>  

Test it Now

Multiline Comment

In HTML code, we can also comments multiple lines at a time. In multiline comment we can use any description about code or multiple line code to debug, etc.

Syntax

  <!—  Your code is commented.   Write description of code.  It will not display at webpage.   –>  

Example:

    <h2>Cake Gallery</h2>  <!– This is image for a yummy cake   you can see it on your web-page   of your favorite browser –>   <img src=”../wp-content/static/htmlpages/images/cake.png” alt=”cake image” height=”300px”    width=”300px”>  

Test it Now

Output:

HTML Comments