创建第一个网页需四步：1. 用文本编辑器新建index.html文件；2. 编写含DOCTYPE、html、head、body的基本结构代码；3. 在浏览器中双击打开文件查看效果；4. 可选添加img、a、ul等标签丰富内容。关键点是正确命名文件并设置UTF-8编码，确保浏览器正常解析。完整代码已提供，包含标题、段落及元信息，运行成功后可扩展学习CSS与JavaScript。
要创建第一个网页，只需要几个简单步骤。HTML 是网页开发的基础，理解其结构和基本标签是入门的关键。下面带你一步步从零开始创建一个基础网页，并提供完整代码示例。
1. 准备工作：创建 HTML 文件
打开电脑上的任意文本编辑器（如记事本、VS Code、Sublime Text 等），新建一个文件。将文件保存为 index.html。确保文件扩展名为 .html，这样浏览器才能正确识别并解析它。
2. 编写基础 HTML 结构
每个标准的 HTML 页面都有固定的结构，包括文档类型声明、html 根标签、head 区域和 body 内容区域。下面是基础模板：
<!DOCTYPE html><html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的第一个网页</title>
</head>
<body>
<h1>欢迎来到我的网页！</h1>
<p>这是一个使用 HTML 创建的基础页面。</p>
</body>
</html>
说明：
立即学习“前端免费学习笔记（深入）”；
- !DOCTYPE html 告诉浏览器这是 HTML5 文档。
- html 标签是整个网页的根元素，lang="zh" 表示页面语言为中文。
- head 区域包含页面元信息，如字符编码（UTF-8）、视口设置和页面标题。
- title 标题会显示在浏览器标签页上。
- body 区域是用户可见的内容部分，比如标题和段落。
3. 在浏览器中查看网页
保存文件后，双击 index.html 文件，系统会默认用浏览器打开它。你将看到页面显示“欢迎来到我的网页！”和一段说明文字。这表示你的第一个网页已成功运行。
4. 添加更多内容（可选）
你可以继续在 body 中添加更多 HTML 元素，例如图片、链接或列表：
<img src="https://via.placeholder.com/200" alt="示例图片"><p>点击访问 <a href="https://www.example.com">示例网站</a></p>
<ul>
<li>项目一</li>
<li>项目二</li>
</ul>
这些标签分别实现图片展示、超链接和无序列表功能。src 属性指定图片地址，href 指定链接目标。
基本上就这些。掌握这个流程后，你就可以不断扩展内容，学习 CSS 和 JavaScript 来美化和增强网页功能。不复杂但容易忽略的是文件命名和编码设置，务必确保它们正确。
