创建 html 文件需用记事本输入代码并以 UTF-8编码 保存为。html 格式；2. 基础结构包含 DOCTYPE 声明、html 根元素、head 元信息区和 body 内容区；3. 注意使用小写文件名、闭合标签和代码缩进，推荐专业编辑器提升效率。
建立一个 .html 文件并不复杂，只要掌握基本结构和创建方法，就能快速上手。下面介绍如何手动创建 HTML 文件，并写出标准的基础结构。
1. 手动创建 HTML 文件的步骤
你可以使用 电脑 自带的文本编辑器来创建 HTML 文件，无需安装专业软件。
- 打开记事本（windows）或 TextEdit（mac，需切换为纯文本模式）
- 输入 HTML 代码内容
- 点击“文件”→“另存为”
- 选择保存位置，输入文件名，如 index.html
- 保存类型选择“所有文件”，编码 建议选 UTF-8
- 点击保存，文件就会以 .html 格式生成
保存后，双击该文件即可在默认 浏览器 中打开查看效果。
2. HTML 文件的基础结构
每个标准的 HTML 页面都应包含基本结构，确保 浏览器 正确解析和显示内容。
立即学习 “ 前端免费学习笔记（深入）”；
<!DOCTYPE html>
<html lang=”zh-CN”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title> 页面标题 </title>
</head>
<body>
<h1> 欢迎来到我的网页 </h1>
<p> 这是一个段落示例。</p>
</body>
</html>
说明：
- <!DOCTYPE html>：声明文档类型为 html5
- <html>：根元素，lang 属性定义语言
- <head>：存放页面元信息，如字符集、标题、css链接等
- <meta charset=”UTF-8″>：确保中文等字符正常显示
- <title>：显示在浏览器标签页上的标题
- <body>：页面主要内容区域，用户可见的内容放在这里
3. 编辑建议与注意事项
为了减少出错并提高效率，注意以下几点：
- 始终使用 UTF-8 编码保存文件，避免乱码
- 文件名不要用中文或特殊符号，推荐用小写字母、数字和短横线
- 保持标签闭合，如 <p> 对应 </p>
- 使用缩进让代码更清晰，便于后期维护
- 可使用 VS Code、sublime Text 等代码编辑器获得语法高亮和自动补全
基本上就这些。只要按结构写好代码，保存为 .html 文件，就能在浏览器中运行。不复杂但容易忽略细节，比如编码和标签闭合。多练习几次，很快就能熟练掌握。
