用 HTML 制作一个简单网页，在互联网时代，拥有一个属于自己的网页是一种展示自我、分享信息的绝佳方式。而 HTML（HyperText Markup Language，超文本标记语言）作为网页制作的基础语言，为我们搭建网页提供了强大的工具。接下来，我将带你一步步使用 HTML 代码制作一个简单却实用的网页。
一、规划网页内容
在动手写代码之前，先要明确网页的主题和内容。假设我们要制作一个个人简介网页，内容包括个人基本信息、兴趣爱好、联系方式等板块。
二、搭建网页基本结构
打开文本编辑器（如 Notepad++、Sublime Text 等），输入以下代码搭建网页的基本框架：
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>
<!– 网页主体内容将在这里填充 –>
</body>
</html>
这段代码中，<!DOCTYPE html> 声明文档类型，确保浏览器以标准模式渲染页面；<html> 元素是网页的根元素，lang 属性指定网页语言为中文；<head> 包含网页的元数据，如字符编码 <meta charset=”UTF-8″> 用于正确显示中文字符，视口设置 <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> 使网页能在不同设备上良好显示，<title> 定义网页标题，显示在浏览器标签页上；<body> 标签内的内容将是我们网页的主体部分。
三、填充网页主体内容
（一）添加标题
在 <body> 标签内，首先添加一个一级标题来突出网页主题：
html
<h1>我的个人简介</h1>
<h1> 到 <h6> 是 HTML 中的标题标签，数字越小级别越高，字体也越大，这里使用 <h1> 来醒目地展示网页主题。
（二）个人基本信息
接着，用段落 <p> 标签来介绍个人基本信息：
html
<p>姓名：张三</p>
<p>年龄：25岁</p>
<p>职业：网页设计师</p>
段落是网页中组织文本的基本单位，浏览器会在段落前后自动添加一些空白空间，使内容更清晰易读。
（三）兴趣爱好
兴趣爱好部分可以用无序列表 <ul> 来呈现，让内容更有条理：
html
<h2>兴趣爱好</h2>
<ul>
<li>阅读</li>
<li>摄影</li>
<li>旅行</li>
</ul>
<h2> 是二级标题，用于标识兴趣爱好这一小节；<ul> 表示无序列表，其内部通过 <li>（列表项）标签列出各个兴趣爱好，浏览器会自动在每个列表项前添加项目符号。
（四）联系方式
联系方式同样用段落 <p> 标签展示，并且可以添加超链接 <a> 以便用户直接点击联系：
html
<h2>联系方式</h2>
<p>邮箱：<a href=”mailto:zhangsan@example.com”>zhangsan@example.com</a></p>
<p>电话：123-4567-8901</p>
<a> 标签用于创建超链接，href 属性指定链接目标，这里使用 mailto: 协议，当用户点击邮箱链接时，会自动调用默认的邮件客户端并填充收件人地址。
四、美化网页（可选）
虽然 HTML 主要负责网页的结构，但也可以通过一些简单的内联样式来初步美化网页。例如，给标题设置颜色和字体大小：
html
<h1 style=”color: #333; font-size: 2em;”>我的个人简介</h1>
style 属性直接在标签内定义样式，color 设置文本颜色，font-size 设置字体大小，#333 是一种深灰色的十六进制颜色代码，2em 表示字体大小是默认字体大小的两倍。
五、保存与预览
将编辑好的代码保存为 .html 文件，例如命名为 my_profile.html。然后，双击该文件，它会在默认的网页浏览器中打开，你就能看到自己制作的个人简介网页了。
通过以上步骤，我们就用 HTML 代码制作出了一个简单却内容完整的网页。当然，实际的网页制作还会涉及到 CSS（层叠样式表）来进一步美化布局和外观，以及 JavaScript 来添加交互功能，但掌握 HTML 是迈向复杂网页制作的第一步，希望这篇文章能为你开启网页制作的大门。
