HTML Basic : Comments in html with example

In HTML, comments are used to add notes or explanations within the code that are not visible on the webpage itself. Comments can be useful for documenting your code, making it easier to understand for yourself or other developers who may work on the code in the future.

Syntax

The syntax for adding comments in HTML is as follows:


<!-- This is a comment -->

Comments can span a single line or multiple lines. Here’s how you can use them:

Single-Line Comment

A single-line comment is used for brief notes or explanations:

<!-- This is a single-line comment -->
<p>This is a paragraph of text.</p>

Multi-Line Comment

A multi-line comment is useful for longer explanations or when commenting out larger sections of code:

<!--
    This is a multi-line comment.
    It can span multiple lines and is useful for
    providing more detailed explanations or notes.
--><p>This is a paragraph of text.</p>

Example of Using Comments in HTML

Here's a more comprehensive example demonstrating how to use comments to document different parts of an HTML document:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simple Comment Example</title>
</head><body>    <!-- This is a simple HTML comment -->
    <h1>Hello, World!</h1>
    <p>This is a paragraph of text.</p>
    <!-- End of the content -->
</body></html>