在HTML页面中，注释是一种用于解释代码、提供信息或者临时禁用某些代码的方法，注释不会影响页面的显示效果，也不会被浏览器解析和执行，HTML提供了两种注释方式：单行注释和多行注释。
1、单行注释
单行注释以<!--开始，以-->结束，在这之间的内容都会被浏览器视为注释并忽略。
<!-- 这是一个单行注释 --> <p>这是一个段落。</p>
在这个例子中，<!-- 这是一个单行注释 -->就是一个单行注释，它解释了接下来的代码是关于段落的。
2、多行注释
多行注释以<!--开始，以-->结束，并且可以跨越多行。
<!-- 这是一个多行注释。 它可以跨越多行。 这不会影响页面的显示效果。 --> <p>这是一个段落。</p>
在这个例子中，<!-- 这是一个多行注释。 -->就是一个多行注释，它解释了接下来的代码是关于段落的，由于这个注释跨越了多行，所以可以在其中添加更多的信息。
3、使用注释的注意事项
在使用HTML注释时，需要注意以下几点：
- 注释应该简洁明了，尽量只包含对代码的解释或者说明，不要在注释中添加过多的无关信息，以免影响阅读和理解。
- 注释应该放在需要解释的代码附近，以便读者能够快速找到相关的信息，如果注释和代码之间有很长的距离，可能会让人感到困惑。
- 注释不应该替代代码的功能，如果一个功能需要通过复杂的逻辑来实现，那么应该直接编写代码，而不是通过注释来描述这个逻辑，因为注释可能会被忽略或者忘记，导致功能无法正常工作。
- 在团队开发中，应该遵循一定的注释规范，以便其他开发者能够快速理解和修改代码，可以为函数、类、变量等添加详细的注释，说明它们的用途、参数和返回值等信息。
4、示例代码
下面是一个简单的HTML页面示例，其中包含了单行和多行注释：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>HTML页面示例</title>
<!-- 引入CSS样式表 -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- 这是一个单行注释 -->
<h1>欢迎来到我的网站！</h1>
<!-- 这是一个多行注释 -->
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<!-- 引入JavaScript脚本 -->
<script src="scripts.js"></script>
</body>
</html>
在这个示例中，我们使用了单行和多行注释来解释代码的功能和结构，这样可以帮助其他开发者更容易地理解和修改代码，我们还为页面添加了一些基本的结构和元素，如标题、段落和链接等，我们引入了一个外部的CSS样式表和一个JavaScript脚本，以便实现页面的样式和交互效果。