Comment

In HTML, comments are used to add notes or explanations within the code that do not appear on the actual webpage.

These comments help document changes, clarify complex sections, and provide additional context about the code structure.

The CodeFriends web coding practice environment utilizes comments in key parts of HTML code to help learners understand the code more easily.

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

All content wrapped in comments will not be visible on the web page.

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

Comments are mainly used in the following situations.

You can add explanations for complex code or parts that might be modified later.

You can wrap certain parts of the code in comments if you want to temporarily disable them. The commented-out code will not be displayed on the web page.

Copy
<!-- Temporarily disable the image below.
<img src="example.jpg" alt="Sample Image">
-->

You can also use comments to separate different sections of the web page.

For instance, you can separate the following sections of a website with comments.

• Header: The upper part of the web page containing the logo, primary navigation, search bar, etc.

• Main: The core content of the website

• Footer: The lower part of the web page containing site information (social media links, copyright, etc.)

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

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

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

Using HTML comments effectively enhances code readability, simplifies debugging, and improves collaboration among developers.

Follow the parts marked with asterisks in the code and type them in.