Comments in HTML

In HTML, comments are used to write notes or explanations that are not displayed on the web page.

They are mainly used to document explanations about the code, modification details, author information, etc.

The CodeFriends web coding practice environment utilizes comments in HTML code to help learners better understand the code.

HTML comments begin with <!-- and end with -->.

Anything wrapped within these comment tags will not be visible on the web page.

Copy
<!-- This line is a comment. It will not appear on the webpage -->
<p>This sentence will appear on the web page.</p>

Comments are commonly used in the following situations:

You can add explanations for complex code or portions that may need modifications later.

You can temporarily disable a section of code by wrapping it in comments. The commented code will not appear on the webpage.

Copy
<!-- The image below is temporarily disabled.
<img src="example.jpg" alt="Example Image">
-->

Comments can also be used to separate different sections of a web page.

For example, you can use comments to delineate sections of a website like the following:

• Header: The top of the web page, often containing the logo, main menu (navigation), and search bar

• Main: The main content of the website

• Footer: The bottom of the web page, including site information (social media, copyright, etc.)

Copy
<!-- Header Start -->
<header>...</header>
<!-- Header End -->

<!-- Main Start -->
<main>...</main>
<!-- Main End -->

<!-- Footer Start -->
<footer>...</footer>
<!-- Footer End -->

In this way, HTML comments improve code readability and facilitate collaboration with other developers.

Follow the highlighted sections in the code to input your text.