Eclipse是一个开源的集成开发环境（IDE），主要用于Java、C++、PHP等编程语言的开发，Eclipse也支持HTML、CSS和JavaScript等Web开发语言，在Eclipse中编写HTML代码非常简单，只需遵循以下步骤：
1、安装Eclipse：你需要从Eclipse官方网站下载并安装Eclipse，根据你的操作系统选择合适的版本，安装完成后，启动Eclipse。
2、创建新项目：在Eclipse的欢迎界面上，点击“File”菜单，然后选择“New” -> “Dynamic Web Project”，在弹出的对话框中，输入项目名称，MyHTMLProject”，然后点击“Finish”按钮，这将创建一个包含HTML、CSS和JavaScript文件的新Web项目。
3、添加HTML文件：在Eclipse的项目视图中，右键点击刚刚创建的Web项目，然后选择“New” -> “File”，在弹出的对话框中，输入文件名，index.html”，然后点击“Finish”按钮，这将在项目中创建一个名为“index.html”的新HTML文件。
4、编写HTML代码：双击刚刚创建的“index.html”文件，它将在Eclipse的编辑器中打开，现在你可以开始编写HTML代码了，以下是一个简单的HTML页面示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的HTML页面</title>
</head>
<body>
<h1>欢迎来到我的HTML页面！</h1>
<p>这是一个简单的HTML页面，使用Eclipse编写。</p>
</body>
</html>
5、保存和预览HTML文件：在Eclipse编辑器中，点击顶部工具栏上的“Save”按钮（或按Ctrl + S快捷键）保存HTML文件，右键点击项目视图中的“index.html”文件，选择“Run As” -> “Run on Server”，这将启动一个内置的服务器，并在浏览器中打开你的HTML页面。
6、修改HTML代码：如果你想要修改HTML代码，只需在Eclipse编辑器中打开“index.html”文件，然后进行相应的更改，保存更改后，再次运行项目以查看更新后的页面。
7、添加CSS和JavaScript：要为HTML页面添加CSS样式和JavaScript功能，只需在项目的“WebContent”目录下创建相应的CSS和JavaScript文件，然后在HTML文件中引用这些文件，如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的HTML页面</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="scripts.js"></script>
</head>
<body>
<!-- HTML内容 -->
</body>
</html>
8、调试和优化：在Eclipse中，你可以使用内置的调试器来调试JavaScript代码，你还可以使用内置的代码格式化工具来优化HTML、CSS和JavaScript代码，要使用这些工具，只需右键点击相应的文件或代码片段，然后选择相应的选项。