如何创建一个简单的HTML网页？快速创建你的第一个HTML页面
HTML（超文本标记语言）是构建网页的基础。无论你是想成为一名前端开发工程师，还是仅仅想拥有一个个人主页，学习HTML都是你的第一步。今天，我们将带你从零开始，快速创建你的第一个HTML页面。
一、 准备工作
创建一个HTML网页非常简单，你不需要任何复杂的软件，只需要两样东西：
文本编辑器：比如系统自带的记事本（Windows）或文本编辑（Mac），但更推荐使用专业的代码编辑器，如 VS Code、Sublime Text 等，它们能提供语法高亮和自动补全功能。
浏览器：如 Chrome、Edge、Firefox 等，用于查看你的网页效果。
二、 编写基础HTML结构
每一个标准的HTML页面都有一个固定的骨架结构。首先，新建一个文件，将其命名为 index.html，然后在文件中输入以下基础代码：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>我的第一个网页</title> </head> <body> <!-- 页面可见内容将写在这里 --> </body> </html>
让我们来了解一下这些标签的作用：
<!DOCTYPE html>：告诉浏览器这是一个HTML5文档。<html>：HTML页面的根元素。<head>：包含网页的元数据，如字符编码和标题，这些内容不在页面正文中显示。<meta charset="UTF-8">：指定网页使用UTF-8字符编码，确保中文等多语言字符能正常显示。<title>：定义网页的标题，会显示在浏览器的标签页上。<body>：包含网页上所有可见的内容，如文本、图片、链接等。
三、 添加网页内容
现在，我们在 <body> 标签内添加一些真实的内容：一个标题、一个段落、一个链接和一张图片。
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>我的第一个网页</title> </head> <body> <h1>欢迎来到我的网页！</h1> <p>这是我用HTML编写的第一个页面，感觉非常棒！</p> <h2>关于我</h2> <p>我正在学习前端开发，这是我的起点。下面是我的个人主页链接和头像：</p> <!-- 添加一个链接 --> <a href="https://www.ipipp.com" target="_blank">点击访问我的主页</a> <br><br> <!-- 添加一张图片 --> <img src="https://www.ipipp.com/images/profile.jpg" alt="我的个人头像"> </body> </html>
内容标签解析：
<h1>到<h6>：标题标签，<h1>是最大的标题，<h2>是二级标题，依此类推。<p>：段落标签，用于包裹一段文本。<a>：超链接标签，href属性指定链接的地址，target="_blank"表示在新标签页中打开链接。<img>：图片标签，src属性指定图片的链接地址，alt属性是图片的替代文本，当图片无法加载时会显示该文字。
四、 查看你的网页
代码编写完成后，保存你的 index.html 文件。然后，找到该文件，双击它，系统会使用默认浏览器打开这个文件。此时，你就能看到你刚刚编写的网页内容了！
五、 结语
恭喜你！你已经成功创建了你的第一个HTML网页。虽然它看起来还很基础，但这是所有复杂网站的基石。接下来，你可以继续学习CSS来为网页添加样式（如颜色、字体、排版），以及JavaScript来添加交互功能。编程的世界大门已经为你敞开，继续探索吧！