创建HTML文件是学习网页开发的第一步，以下是详细步骤：
使用记事本创建HTML文件
- 新建文本文档 右键桌面或文件夹，选择"新建" → "文本文档"。 将文件重命名为 index.html。 如果看不到 .txt 后缀，请在文件夹顶部菜单中启用"文件扩展名"。
- 编写HTML代码 右键点击 index.html 文件，选择"打开方式" → "记事本"。 输入以下代码： <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <h1>欢迎来到HTML的世界！</h1> <p>这是一个段落。</p> </body> </html>
- 保存文件 按下 Ctrl + S 保存。 确保保存类型为"所有文件"，并确认文件名以 .html 结尾。
- 在浏览器中查看 双击 index.html 文件，浏览器会自动打开并显示内容。
使用专业工具创建HTML文件
- 选择开发工具 推荐使用 VS Code 或 HBuilder 等专业编辑器。
- 创建HTML文件 打开编辑器，点击"新建文件"，输入文件名如 index.html。 自动生成模板或手动输入以下代码： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML5模板</title> </head> <body> <h1>这是一个HTML5页面</h1> </body> </html>
- 保存并预览 保存文件后，在浏览器中打开即可查看效果。
常见问题与解决方法
-
中文乱码：保存时选择 UTF-8 编码。
-
无法打开文件 ：右键 .html 文件 → 属性 → 设置默认打开方式为浏览器。
通过以上方法，你可以轻松创建并运行第一个HTML网页！