本文手把手教你零基础搭建HTML5开发环境——无需安装复杂软件或花费一分钱，只需一个轻量文本编辑器（如VS Code、Sublime Text）和一款现代浏览器（如Chrome或Firefox），就能快速编写、保存并运行你的第一个HTML5页面；文中不仅提供了简洁可运行的入门代码，还详解了DOCTYPE声明、lang属性、字符编码等核心结构要点，让初学者在几分钟内亲眼看到“欢迎学习HTML5！”跃然屏上，真正实现开箱即用、所学即所得的流畅入门体验。

要开始使用HTML5进行开发，不需要复杂的工具或昂贵的软件。HTML5是网页开发的基础技术之一，可以直接通过文本编辑器和浏览器来编写和测试代码。下面介绍如何搭建HTML5开发环境，并创建你的第一个HTML5程序。

选择合适的文本编辑器

编写HTML5代码最基础的工具是一个文本编辑器。推荐使用功能更强大的编辑器，它们提供语法高亮、自动补全和错误提示等功能，提升编码效率。

准备一个现代浏览器

HTML5页面需要在浏览器中运行和调试。建议使用支持最新Web标准的现代浏览器。

打开浏览器后，可以通过按 F12 打开开发者工具，查看页面结构、调试样式和脚本。

创建第一个HTML5程序

现在你已经准备好开发环境，接下来创建一个简单的HTML5页面。

1. 打开你选择的文本编辑器。
2. 输入以下代码：

  
  
  


  
欢迎学习HTML5！
  
这是一个使用HTML5创建的简单页面。

3. 将文件保存为 index.html，注意文件扩展名为 .html。
4. 双击该文件，它会在默认浏览器中打开，显示你写的标题和段落。

理解基本结构

上面的代码包含了HTML5的标准结构：