How to Comment in HTML

PDF download Download Article
PDF download Download Article

A comment is a line of code that is not read by web browsers. Commenting your code allows you to leave reminders and explanations for yourself and any other coder that will be working on the page. Commenting can also be used to quickly disable parts of your code when you're testing or working on a new feature that isn't ready yet. Learning how to properly use comments will lead to more efficient coding, for you and your coworkers.

Steps

PDF download Download Article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f5\/795094-1.jpg\/v4-460px-795094-1.jpg","bigUrl":"\/images\/thumb\/f\/f5\/795094-1.jpg\/aid795094-v4-728px-795094-1.jpg","smallWidth":460,"smallHeight":258,"bigWidth":728,"bigHeight":409,"licensing":"<div class=\"mw-parser-output\"><p>Image by: Uploader<br>\nLicense: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by\/3.0\/\">Creative Commons<\/a>\n<\/p><\/div>"}
    Comments are designated by the tags <!-- and --> . You can insert quick comments to remind you what is happening with the code. 
     < 
 html 
 > 
 < 
 head 
 > 
 < 
 title 
 > 
Comment test </ 
 title 
 > 
 </ 
 head 
 > 
 < 
 body 
 > 
 <!-- This code makes a paragraph --> 
 < 
 p 
 > 
This is the website </ 
 p 
 > 
 </ 
 body 
 > 
 </ 
 html 
 >
    • Make sure there are no spaces in the comment tags. For example < !-- will not activate the comment function. Inside the tags, you can have as many spaces as you'd like.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6d\/795094-2.jpg\/v4-460px-795094-2.jpg","bigUrl":"\/images\/thumb\/6\/6d\/795094-2.jpg\/aid795094-v4-728px-795094-2.jpg","smallWidth":460,"smallHeight":258,"bigWidth":728,"bigHeight":409,"licensing":"<div class=\"mw-parser-output\"><p>Image by: Uploader<br>\nLicense: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by\/3.0\/\">Creative Commons<\/a>\n<\/p><\/div>"}
    Your comments can span multiple lines, which is useful for explaining complex code, or for blocking off large pieces of code. 
     < 
 html 
 > 
 < 
 head 
 > 
 < 
 title 
 > 
Comment test </ 
 title 
 > 
 </ 
 head 
 > 
 < 
 body 
 > 
 <!-- 
 Your comment can be as long as you need it to be. 
 Everything within the comment tags is kept from 
 affecting the code on the page. 
 --> 
 < 
 p 
 > 
This is the website </ 
 p 
 > 
 </ 
 body 
 > 
 </ 
 html 
 >
    Advertisement
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/ba\/795094-3.jpg\/v4-460px-795094-3.jpg","bigUrl":"\/images\/thumb\/b\/ba\/795094-3.jpg\/aid795094-v4-728px-795094-3.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><p>Image by: Uploader<br>\nLicense: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by\/3.0\/\">Creative Commons<\/a>\n<\/p><\/div>"}
    If you're trying to track down a bug or want to keep code from running on the page, you can use the comment function to quickly block it off. That way, you can easily restore the code by deleting the comment tag. 
     < 
 html 
 > 
 < 
 head 
 > 
 < 
 title 
 > 
Comment test </ 
 title 
 > 
 </ 
 head 
 > 
 < 
 body 
 > 
 < 
 p 
 > 
Check out these images </ 
 p 
 > 
 < 
 img 
 src 
 = 
 "/images/image1.jpg" 
 > 
 <!-- Hiding this image for now 
 <img src="/images/image2.jpg"> 
 --> 
 </ 
 body 
 > 
 </ 
 html 
 >
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6e\/795094-4.jpg\/v4-460px-795094-4.jpg","bigUrl":"\/images\/thumb\/6\/6e\/795094-4.jpg\/aid795094-v4-728px-795094-4.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><p>Image by: Uploader<br>\nLicense: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by\/3.0\/\">Creative Commons<\/a>\n<\/p><\/div>"}
    If you are programming in JavaScript or VBScript , you can use the comment function to hide the script on browsers that don't support it. Insert the comment at the start of the script, and end it with //--> to ensure that the script works on browsers that do support it. 
     < 
 html 
 > 
 < 
 head 
 > 
 < 
 title 
 > 
VBScript </ 
 title 
 > 
 </ 
 head 
 > 
 < 
 body 
 > 
 < 
 script 
 language 
 = 
 "vbscript" 
 type 
 = 
 "text/vbscript" 
 > 
 <!-- 
 document 
 . 
 write 
 ( 
 "Hello World!" 
 ) 
 //--> 
 </ 
 script 
 > 
 </ 
 body 
 > 
 </ 
 html 
 >
    • The // in the end tag will prevent the script from executing the comment function if scripts are supported by the browser. [1]
    5. Advertisement

Community Q&A

Search
Add New Question
  • Question
    Where will the comment be saved?
    Joshua Liu
    Community Answer
    In the code. As the article said, it wont really show on the website, however it will be saved in the code.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 12 Helpful 18
  • Question
    How do you code it so people can add comments on your website about the actual thing?
    Free Eagle
    Community Answer
    Comments placed on your website are done in PHP & MySQL code, not HTML. If you have CPanel, you can go to your Softaculous Apps Installer and install an APP that will either create a bulletin board, guest book or even down load word press onto your site. These apps are already written PHP/MySql and you can turn off or on the comments.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 1 Helpful 1
  • Question
    How do I include comments in HTML?
    Free Eagle
    Community Answer
    You can include comments in your HTML code as follows: You will be able to see this when you're reading the code, but your comment will not show up in your viewer's browser.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 4 Helpful 1
See more answers
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
      Advertisement

      Tips

      • Comment often as this will make it much easier to come back to your code later and remember how everything works.
        Thanks
      • HTML code can get messy quickly so you should use comments to structure your code. Add comments at the start and the end of code sections to make it easy to find.
        Thanks
      • If you sometimes find yourself looking at PHP, learn how to comment in PHP as well.
        Thanks
      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Submit
      Thanks for submitting a tip for review!
      Advertisement

      You Might Also Like

      How to
      Insert Spaces in HTML
      How to
      Create a Simple Web Page with HTML
      How to Edit Metadata: Beginner's Guide
      How to
      Create an Email Link in HTML
      How to
      Align Something in HTML
      How to
      Run a HTML File in Visual Studio Code
      4 Ways to Add a Link to a Picture
      How to
      Change the Button Color in HTML
      How to
      Run a HTML File
      Simple Ways to Find the Hex Code of Any Color on Your Computer
      How to
      Insert Images with HTML
      How to
      Write HTML Code
      Add a Background Image to a Website: Step-by-Step Tutorial
      How to
      Create a Calculator Using HTML
      Advertisement

      References

      1. ↑ http://www.w3schools.com/tags/tag_comment.asp

      About This Article

      In other languages
      Thanks to all authors for creating a page that has been read 300,955 times.

      Is this article up to date?

      Advertisement