在编写HTML代码时，我们通常使用文本编辑器或集成开发环境（IDE），这些工具允许我们在编写代码的同时查看其效果，以下是一些建议，可以帮助您在编写HTML代码时边写边看：
1、使用代码高亮：大多数文本编辑器和IDE都支持代码高亮功能，这可以帮助您更容易地识别HTML标签、属性和值，HTML标签通常以蓝色显示，属性和值以绿色显示。
2、实时预览：许多现代浏览器都支持实时预览功能，这意味着您可以在编写HTML代码的同时查看其效果，要启用实时预览，请将HTML文件保存到本地计算机上，然后在浏览器中打开它，对于Chrome浏览器，您还可以右键单击HTML文件，然后选择“在Google Chrome中打开”，这将自动打开一个新的Chrome窗口并加载您的HTML文件。
3、使用浏览器开发者工具：大多数现代浏览器都内置了开发者工具，这可以帮助您更深入地了解HTML代码的结构和样式，要打开开发者工具，请按F12键（Windows）或Cmd + Option + I（Mac）组合键，在开发者工具中，您可以查看和编辑HTML、CSS和JavaScript代码，以及调试网络请求和性能问题。
4、使用在线HTML编辑器：有许多在线HTML编辑器可以帮助您在编写代码的同时查看其效果，这些编辑器通常提供一个实时预览窗口，让您可以实时查看HTML代码的效果，一些流行的在线HTML编辑器包括CodePen、JSFiddle和Repl.it。
5、学习基本的HTML结构：了解HTML的基本结构有助于您更快地编写和理解代码，一个典型的HTML文档包括以下部分：DOCTYPE声明、html标签、head标签和body标签，DOCTYPE声明告诉浏览器您正在使用哪个版本的HTML；html标签是文档的根元素；head标签包含文档的元数据，如标题、字符集和链接到外部CSS和JavaScript文件；body标签包含文档的内容，如文本、图像和表单。
6、学习HTML标签和属性：HTML文档由一系列嵌套的标签组成，每个标签都有一个开始标签和一个结束标签，标签可以包含属性，属性提供了有关元素的额外信息，如类名、ID、颜色等，熟悉常用的HTML标签和属性可以帮助您更快地编写代码。
7、学习CSS样式：CSS用于控制HTML元素的外观和布局，了解如何使用内联样式、内部样式表和外部样式表可以为您的HTML代码添加样式，学习如何使用CSS选择器和属性来定位和样式化特定的HTML元素也非常重要。
8、学习JavaScript交互：虽然HTML负责页面的结构，CSS负责页面的样式，但JavaScript负责页面的交互，学习如何使用JavaScript为HTML元素添加事件监听器、处理用户输入和操作DOM可以帮助您创建更动态和交互式的网页。
9、实践和练习：编写HTML代码的最佳方法是通过实践和练习，尝试创建一个简单的HTML页面，然后逐步添加更多的元素、样式和交互功能，随着时间的推移，您将变得更加熟练，能够更快地编写高质量的HTML代码。
10、参考文档和教程：如果您遇到困难或不确定如何编写某个特定的HTML代码片段，请查阅相关的文档和教程，有许多在线资源可以帮助您学习和掌握HTML、CSS和JavaScript，如W3Schools、MDN Web Docs和Stack Overflow。
要在编写HTML代码时边写边看，您需要熟悉代码高亮、实时预览、浏览器开发者工具等工具和技术，学习HTML、CSS和JavaScript的基本概念和技巧，以及通过实践和练习不断提高自己的技能，都是成功编写HTML代码的关键。