HTML5: How to comment HTML tags?

Last update on December 22 2023 12:17:33 (UTC/GMT +8 hours)

Solution :

HTML Code :

<!-- Declare the document type as HTML5 -->
<!DOCTYPE html>

<!-- Start the HTML document -->
<html>

<!-- Start the head section containing metadata about the document -->
<head>

<!-- Set the character encoding to UTF-8 -->
<meta charset="utf-8">

<!-- Set the title of the document to "JS Bin" -->
<title>JS Bin</title>

<!-- Close the head section -->
</head>

<!-- Start the body section containing the content of the document -->
<body>

<!-- Create a paragraph with the text "HTML Tutorial" -->
<p>HTML Tutorial</p>
<!--
  The following line is commented out:
  <p>Python Tutorial</p>
  Uncommenting it would display "Python Tutorial" in the document.
-->

<!-- Create another paragraph with the text "PHP Tutorial" -->
<p>PHP Tutorial</p>

<!-- Close the body section -->
</body>

<!-- Close the HTML document -->
</html>

Sample Output:

HTML Tutorial

PHP Tutorial

Explanation:

The above HTML code defines a basic HTML5 document with metadata in the head section and a body containing paragraphs with different tutorial names. One of the paragraphs is commented out and won't be displayed.

<!DOCTYPE html>: Declares the document type as HTML5.
<html>: Marks the beginning of the HTML document.
<head>: Contains metadata about the document, such as character encoding and the title.
<meta charset="utf-8">: Sets the character encoding to UTF-8.
<title>JS Bin</title>: Sets the title of the HTML document to "JS Bin."
</head>: Closes the head section.
<body>: Contains the actual HTML document content.
HTML Tutorial: Creates a paragraph with the text "HTML Tutorial."
: This line is commented out and won't be displayed. If uncommented, it would create a paragraph with the text "Python Tutorial."
PHP Tutorial: Creates a new paragraph with the text "PHP Tutorial."
</body>: Closes the body section.
</html>: Marks the end of the HTML document.

Live Demo :

See the Pen comment-answer by w3resource (@w3resource) on CodePen.

View the example in the browser

Supported browser


Yes	Yes	Yes	Yes	Yes

Go To Exercise page(Hyperlink)