Horje

Tips (Total 6)


# Tips-1) What is HTML Comments

HTML comments are not displayed in the browser, but they can help document your HTML source code.

Comments are some text or code written in your code to give an explanation about the code, and not visible to the user. Comments which are used for HTML file are known as HTML comments. Anything written between these tags will be ignored by the browser, so comments will not be visible on the webpage.

Comments of any code make code easy to understand and increase readability of code.

Example of HTML Comments

index.html
Example: HTML
<!DOCTYPE html>
<html>
<body>

<!-- This is a comment -->
<p>This is a paragraph.</p>
<!-- Comments are not displayed in the browser -->

</body>
</html>

Output should be:

Example of HTML Comments

# Tips-2) How to create HTML Comment Tag

You can add comments to your HTML source by using the following syntax:

Example of HTML Comments Tag

You can add comments to your HTML source by using the following syntax: Notice that there is an exclamation point (!) in the start tag, but not in the end tag. Note: Comments are not displayed by the browser, but they can help document your HTML source code.
index.html
Example: HTML
<!-- Write your comments here -->

# Tips-3) How to add HTML Comments

With comments you can place notifications and reminders in your HTML code:

Example of adding HTML Comments

index.html
Example: HTML
<!DOCTYPE html>
<html>
<body>

<!-- This is a comment -->
<p>This is a paragraph.</p>
<!-- Comments are not displayed in the browser -->

</body>
</html>

Output should be:

Example of adding HTML Comments

# Tips-4) How to Hide HTML Content

Comments can be used to hide content.

This can be helpful if you hide content temporarily:

Example of Hidding HTML Content

index.html
Example: HTML
<!DOCTYPE html>
<html>
<body>

<p>This is a paragraph.</p>

<!-- <p>This is another paragraph </p> -->

<p>This is a paragraph too.</p>

</body>
</html>

Output should be:

Example of Hidding HTML Content

# Tips-5) How to Hide HTML Content Part 2

You can also hide more than one line. Everything between the <!-- and the --> will be hidden from the display.

Example of Hidding HTML Content Part 2

Hide a section of HTML code:
index.html
Example: HTML
<!DOCTYPE html>
<html>
<body>

<p>This is a paragraph.</p>
<!--
<p>Look at this cool image:</p>
<img border="0" src="pic_trulli.jpg" alt="Trulli">
-->
<p>This is a paragraph too.</p>

</body>
</html>


# Tips-6) How to hide Inline Content

Comments can be used to hide parts in the middle of the HTML code.

 

Example of Hidding Inline Content

Hide a part of a paragraph:
index.html
Example: HTML
<!DOCTYPE html>
<html>
<body>

<p>This <!-- great text --> is a paragraph.</p>

</body>
</html>

Output should be:

Example of Hidding Inline Content


Share on: