HTML Comments

HTML comments are non-executable lines of code that are ignored by web browsers. They are meant for developers and designers to include additional information about their code. 

HTML comments are used to add notes or remarks that are not displayed on the web page but can be seen in the HTML code. They can be useful for adding explanations, reminders, or other information for other developers who may be working on the code.

Syntax

HTML comments are denoted by the <!-- and --> tags, and anything in between these tags will be treated as a comment and won't be rendered by the browser. Here is the syntax:

<!-- This is a comment. It will not be displayed on the web page. -->

Example

Lets see some examples to understand the HTML comments tags. Here's an example of how to add a comment to an HTML file:

<!-- This is a comment. It will not be displayed on the web page. -->
<p>This is some paragraph text</p>

In this example, the text "This is a comment. It will not be displayed on the web page." is considered a comment and will not be displayed on the web page, but it will be visible in the HTML code.

You can also use comments to temporarily remove sections of code from your page. Let's take a look at another practical example. Here, we have a paragraph tag containing some text. But we want to temporarily remove it from the page without deleting the code entirely.:

<!-- <p>This paragraph will not be displayed.</p> -->

<p>This paragraph will be displayed.</p>

In this example, the entire paragraph element is commented out, so it will not be displayed on the page. This can be useful for testing or for temporarily removing code that you might want to add back later.

It's important to note that HTML comments should be used sparingly and only for relevant and useful information. Overusing comments can clutter the code and make it harder to read and understand.

Watch this Chapter Video on YouTube: