首先用文本编辑器编写或复制HTML代码，保存为.html文件（如index.html），确保编码为UTF-8；然后双击该文件，浏览器会自动打开并显示网页内容；修改时重新编辑文件并保存，刷新浏览器即可查看更新效果。
打开HTML代码并运行，其实不需要复杂的工具或编程环境。HTML是网页的基础语言，所有现代浏览器都支持直接打开和渲染HTML文件。只要有一个文本编辑器和一个浏览器，就能快速查看和运行HTML代码。
1. 编写或获取HTML代码
你可以自己编写简单的HTML代码，也可以从网上复制现成的代码。一个最基本的HTML结构如下：
<!DOCTYPE html><html lang="zh">
<head>
<meta charset="UTF-8">
<title>我的第一个网页</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>这是一个测试页面。</p>
</body>
</html> 说明： 这段代码定义了一个最基础的网页，包含标题和一段文字。
2. 保存为HTML文件
使用电脑自带的文本编辑器（如Windows记事本、Mac的文本编辑）粘贴上面的代码。
- 点击“文件” → “另存为”
- 文件名输入：index.html
- 保存类型选择“所有文件”，编码选UTF-8
- 选择保存位置，比如桌面
3. 用浏览器打开运行
保存完成后，双击你刚保存的 index.html 文件，系统会默认用浏览器打开它。
立即学习“前端免费学习笔记（深入）”；
- Chrome、Edge、Firefox、Safari 都可以正常显示HTML内容
- 页面会显示“Hello, World!”和下面的段落
- 这说明HTML代码已经成功运行
4. 实时修改与刷新
想修改内容？直接用文本编辑器重新打开 .html 文件，修改后保存，再回到浏览器按 F5 刷新，就能看到更新后的效果。
- 改标题、加图片、插入链接都可以立即看到结果
- 适合初学者边学边试
