很多人以为制作网页是程序员的专利，其实关于如何制作一个简单的网页，答案很简单：只要会用记事本打字，你就能做出一个能在浏览器中正常打开的网页。网页的本质是一个纯文本文件，用 HTML 描述结构，用 CSS 装饰外观，不需要服务器，也不需要域名。下面用最通俗的方式，带你从零完成第一个页面。

第一步：准备好工具和环境

制作静态网页只需要两样东西，外加一个好习惯：

• 文本编辑器：Windows 自带的记事本就能用；建议使用 VS Code、Notepad++ 或 Sublime Text，它们支持语法高亮和自动补全，写起来更省力。
• 浏览器：Chrome、Edge、Firefox 任选一个，用来预览效果。
• 一个专门的文件夹：在桌面新建文件夹并命名为 myweb，所有网页文件、图片都放进去，便于管理相对路径。

第二步：新建并保存 HTML 文件

打开编辑器新建空白文件，选择另存为，文件名填写 index.html，保存类型选所有文件，编码选择 UTF-8。这里有两个关键点：后缀名必须是 .html，否则浏览器不会按网页解析；编码必须是 UTF-8，否则中文会变成乱码。index.html 是网站默认首页的常用文件名，建议一开始就养成这个命名习惯。

第三步：写出网页的骨架结构

每个标准网页都由固定的几部分组成，可以理解为房子的框架：

• DOCTYPE html：文档类型声明，告诉浏览器按 HTML5 标准渲染。
• html 标签：整个网页的根元素，其他内容都写在它内部。
• head 区域：存放不直接显示的信息，例如字符编码声明、网页标题、搜索描述。
• body 区域：存放用户能看到的全部内容，文字、图片、按钮都写在这里。

把这几对标签按顺序嵌套写好，一个空白的网页框架就完成了，剩下的工作只是往里面填内容。

第四步：往 body 里填充内容

框架搭好后，只需要在 body 中插入常用标签即可：

• h1 到 h6：标题标签，h1 通常一个页面只用一个，用于最重要的标题。
• p：段落标签，用来包裹一段文字。
• a：超链接标签，通过 href 属性跳转到其他页面或网站。
• img：图片标签，通过 src 指定图片路径，alt 写图片说明，对 SEO 和无障碍访问都有帮助。
• ul、ol、li：无序列表、有序列表和列表项，适合做导航或要点罗列。

第五步：加上一点 CSS 让页面更好看

默认的网页样式比较朴素，可以在 head 中插入 style 标签写简单的 CSS，例如设置 body 的字体、背景色、行距，设置标题颜色，给内容加上最大宽度并居中。CSS 的规则是选择器加花括号，花括号里写属性和值，多个属性用分号隔开。初学者不必追求复杂效果，把字体、间距、颜色三样调好，页面就已经很清爽。

第六步：保存并用浏览器预览

按 Ctrl+S 保存文件，回到文件夹双击 index.html，文件会用默认浏览器打开。如果修改后看不到变化，按 Ctrl+F5 强制刷新即可。若出现乱码，检查文件是否以 UTF-8 保存，并在 head 中确认有字符编码声明。

给想做 SEO 的新手一个提醒

网页不只是做出来，还要能被搜索引擎收录。请务必在 head 中写好 title 标题和 meta description 描述，标题中自然包含核心关键词，描述用 80 到 120 字概括页面内容；同时保证正文使用语义化标签、图片配置 alt 属性、页面在手机端能正常显示。这些基础优化做扎实，比堆砌关键词有效得多。

掌握以上流程，你就已经知道如何制作一个简单的网页了。接下来可以继续学习 CSS 布局、响应式设计和 JavaScript 交互，逐步把静态页面升级为功能完整的网站。