使用文本编辑器编写HTML代码,推荐VS Code或记事本;2. 输入包含DOCTYPE、html、head、body等基本结构的代码;3. 将文件保存为.html格式,选择UTF-8编码;4. 用浏览器打开查看效果,可实时修改刷新。整个过程简单直观,适合初学者快速入门。

创建HTML文件很简单,只要按照基本步骤操作,就能快速写出一个可运行的网页文件。下面介绍从零开始创建HTML文件的全过程。
1. 准备一个文本编辑器
要写HTML代码,你需要一个简单的文本编辑器。推荐使用以下工具:
- Windows系统:记事本(Notepad)或更高级的编辑器如 VS Code、Sublime Text
- Mac系统:TextEdit(需切换为纯文本模式)或 VS Code
不建议使用Word这类富文本编辑器,它们会添加额外格式,影响HTML正常运行。
2. 编写基础HTML代码
打开编辑器后,输入最基本的HTML结构:
立即学习“前端免费学习笔记(深入)”;
<!DOCTYPE html><html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个网页</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个段落。</p>
</body>
</html>
这段代码包含了网页必需的元素:声明文档类型、设置语言、定义字符编码、标题和页面内容。
3. 保存为.html文件
点击“文件”→“另存为”,注意以下几点:
- 文件名以 .html 结尾,例如:index.html
- 保存类型选择“所有文件”,不要选“文本文档(*.txt)”
- 编码选择 UTF-8,确保中文正常显示
4. 在浏览器中打开查看效果
双击你保存的HTML文件,系统会默认用浏览器打开。如果看到标题和段落内容,说明创建成功。
你可以继续修改代码,保存后再刷新浏览器,实时查看变化。
基本上就这些。创建HTML文件的核心就是:写代码 → 正确命名保存 → 浏览查看。整个过程不需要复杂工具,适合初学者快速上手。











