When you are designing your website, there are many instances that require you to comment out code in your website. Commenting code is good for diagnosing website problems, hiding code instead of deleting the code, placing notes in a file to explain what was done, and many more reasons. This article will explain the basics of commenting code in your website files.

HTML Comments

HTML comments are specifically designed to comment out code when you are in an HTML coded document. Below is the syntax for HTML comments.

HTML comment

<!--
<code to be commented out>
 -->

Example of an HTML comment

An Example of a usage of this is shown in the following code.

<html>
  <head>
  <title>Document</title>
</head>
<body>
  
<!-- This is a comment -->
  <p>A paragraph in your site</p>
  
<!-- This is code commented out
  <h1>Commented Title</h1>
  <p>A paragraph that is commented out.</p>
-->
  
</body>
</html>

CSS, JavaScript, and PHP Comments

CSS comments are done in the CSS .css stylesheet or in the Internal Style sheet. JavaScript comments can be placed inside HTML documents or in a .js file where JavaScript is ran. PHP code will be in .php files between <?php and ?> code. The following code shows the syntax for commenting out CSS, JavaScript, and PHP code.

Single Line comment

// <code to be commented out>

Multiple Line comment

/*
<code to be commented out>
<Other code to be commented out>
<Some more code to be commented out>
*/

Example of PHP comment

An Example of a usage of this is shown in the following code. Below is showing PHP code; however, you use the same process to comment JavaScript and CSS.

<body>
<?php  
// This is a comment on one line
echo '<p>HTML code echoed by PHP.</p>';
  
/* This is code commented out
echo '<h1>An HTML Title from PHP</h1>';
echo '<p>HTML code echoed by PHP.</p>';
*/
?>
</body>
</html>
Continued Education in Course 101: Website Design Basics
You are viewing Section 6: How do I comment my HTML, CSS, JavaScript, and PHP code?
Section 5: Bullet Points and Numbered Lists Explained
Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question
n/a Points
2014-07-28 5:44 pm

Thanks for article. By: Jasa SEO Profesional

n/a Points
2014-09-04 1:57 am

Nice post.

       very useful for php coding thank you so much...

n/a Points
2014-10-20 12:57 pm

Very Nice information about HTML. Thanks

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

3 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!