创建一个HTML文件并不依赖复杂的集成开发环境，利用操作系统自带的文本编辑工具即可完成。HTML全称是超文本标记语言，它用一系列标签告诉浏览器如何展示文字、图片与链接。理解文件本质与标签结构是动手前的必要准备，这能帮你避开保存格式错误、编码混乱等最常见的问题。
一、认识HTML文件的物理形态与命名规则
从文件系统的角度看，HTML文件就是一段纯文本，只不过它的扩展名应当是.html或者.htm。很多初学者在记事本里写完代码，保存时忘记修改默认的后缀.txt，导致双击文件依然用记事本打开而非浏览器渲染。Windows系统默认隐藏已知文件扩展名，需要在文件夹选项中取消勾选隐藏扩展名，才能准确将文件重命名为index.html。
文件名称虽然可以随意取，但建议首页使用index.html，因为多数本地服务器或虚拟主机都会默认寻找该名称作为入口。标签本身并不区分大小写，但约定俗成使用小写，例如<html>而非<HTML>。在保存时还要留意编码选项，务必选择UTF-8，否则写在体内的中文很容易变成乱码方块。
下面用一段最精简的创建流程展示从空白到保存的全过程思路。我们先用普通文本工具录入结构，再通过另存为对话框改变后缀与编码。这一步没有任何魔法，核心就是让文件真正以.html结尾并被浏览器识别为标记文档。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个网页</title>
</head>
<body>
<p>这是用记事本创建的HTML文件</p>
</body>
</html>
二、剖析基础HTML文档的必备结构
一个能正常工作的最小HTML文档包含文档类型声明、根元素、头部与主体。<!DOCTYPE html>放在第一行，作用是告知浏览器使用HTML5标准解析页面，缺少它浏览器可能切入怪异模式，导致样式表现异常。<html>标签包裹全部内容，其lang属性帮助读屏软件与搜索引擎理解语言，中文页建议设成zh-CN。
<head>区域存放不可见的配置，例如<meta charset="UTF-8">指定编码，<title>定义标签页标题。这些设定虽不直接显示，却影响整页的解析与用户体验。<body>才是肉眼可见的区域，所有段落、图片、按钮都写在这里。若把展示内容错放到head里，浏览器虽不会崩溃，但内容不会出现在视口中。
为了看清结构层级，可以参考下面的对照说明。标签必须正确嵌套，比如<p>内不能再直接套<p>，但能放<strong>这类行内标签。浏览器容错率虽高，写法规范却能大幅降低后期维护成本。当你用F12打开开发者工具，看到的DOM树正是这些标签一层层展开的结果。
| 标签 | 所在区域 | 是否可见 | 主要用途 |
|---|---|---|---|
| <!DOCTYPE html> | 文档最前 | 否 | 声明HTML5标准 |
| <head> | html内上部 | 否 | 配置编码与标题 |
| <body> | html内下部 | 是 | 承载页面内容 |
三、从空白到浏览器渲染的实操步骤
现在按步骤真正创建一个文件。第一步打开记事本，清空默认内容，录入前述基础结构代码。第二步点击文件菜单中的另存为，在底部编码下拉框选UTF-8，文件名填写first.html，保存类型选所有文件，避免被自动加上.txt。第三步关闭记事本，在资源管理器双击该文件，系统会用默认浏览器打开，此时就能看到段落文字。
若页面出现乱码，九成是因为文件实际编码与<meta>声明不符，比如用ANSI保存却写明UTF-8。此时回到记事本用UTF-8重存即可。另一个常见现象是标签未闭合导致布局错乱，虽然现代浏览器会自动补全，但手写时养成自闭合或成对书写的习惯很重要。比如<img>在HTML5中可写单标签，但<p>必须有对应的结束</p>。
当你完成了第一个静态页，就可以继续往<body>里添加<h1>到<h6>标题、<ul>列表或<a>链接。下面示例展示如何在基础页中插入一个跳转到示例域名的链接，注意正文外部不允许使用可点击链接标签，但代码块内允许演示。实际编写时把网址换成你自己的即可。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>带链接的页面</title>
</head>
<body>
<h1>欢迎</h1>
<p>访问<a href="https://ipipp.com">示例站点</a>了解更多。</p>
</body>
</html>
掌握上述创建方式与结构原理后，你便拥有了编写任意静态页面的起点。后续可引入外部CSS文件美化样式，或用JavaScript增加交互，但一切都以这个纯文本HTML文件为容器。不必急于安装庞大工具，先把记事本流程练熟，对标签语义与文档骨架的理解会比依赖智能提示更加扎实。