08

HTML – Comments

Chapter 8 • Beginner

12 min

Comments let you write notes in your HTML code that are not shown in the browser. They are only visible in the source code.

Comment syntax

HTML comment:

Anything between  is treated as a comment.

Why comments are useful

Explain complex parts of the code
Leave reminders for yourself or your team
Temporarily hide code without deleting it
Mark different sections in long files

Examples of using comments

Explaining a section:

Temporarily disabling code:

Making TODO notes:

Valid vs invalid comments

Valid comment:

Invalid comment examples:

<!— wrong dash characters —>
<-- missing a dash -->
<!-- unclosed comment

Invalid comments can cause strange rendering issues and may break parts of the page, so always close comments properly.

Suggested image prompt

"Screenshot of HTML code in an editor with comments highlighted, and the resulting browser preview showing that comments are not visible."

Interview-style questions from this topic

How do you write a comment in HTML?
Why are comments useful in a team project?
Can the user see comments on the actual web page?
What happens if you forget to close a comment?
How can you use comments to temporarily hide a part of the page?

Hands-on Examples

HTML Comments Example

<!DOCTYPE html>
<html>
<head>
  <title>Comments Example</title>
  <!-- This is a comment in the head section -->
</head>
<body>
  <!-- This is a comment in the body section -->
  <h1>This is a heading</h1>
  <!-- 
    This is a multiline comment
    that spans multiple lines
  -->
  <p>This is a paragraph.</p>
  <!-- <p>This paragraph is commented out and will not appear.</p> -->
</body>
</html>

This example shows single-line and multi-line comments. Notice that the commented-out paragraph does not appear in the browser at all. Comments are ignored by the browser, but they are very helpful for developers reading the code.

HTML – Meta Tags

HTML – Images

Related Tutorials