Lesson 10 of 30

HTML Comments

1 min read · Free · No login needed

An HTML comment is a note you write in your code that the browser completely ignores. Visitors never see it. Only someone reading your source code can see it.

A comment starts with :

Why use comments?

Notes for yourself: explain a tricky part of the page so future-you understands it.
Notes for your team: mark sections like  so others can find things fast.
Temporarily hiding code: comment out a section instead of deleting it, so you can bring it back later.

Rules to remember

Comments can span many lines. But never put -- inside a comment, because the browser will think the comment ends there. And remember: comments are visible to anyone who views your page source, so never put passwords, secret keys, or private information in a comment.

Tip: In VS Code, select any lines and press Ctrl + / to comment them out instantly. Press it again to remove the comment.

Example

<!DOCTYPE html>
<html>
<head>
<title>Comments</title>
</head>
<body>

<!-- This heading is the page title -->
<h1>Welcome</h1>
<!-- <p>This paragraph is hidden and will not show.</p> -->
<p>This paragraph is visible.</p>

</body>
</html>

Output

Output — how it looks in the browser

Try it yourself: copy the code above into a file named test.html, open it in your browser, and change the text to see what happens. That is how you learn — by changing things and watching the result.

HTML Formatting HTML Colors