在当今数字化的时代，掌握网页制作的技能变得越来越重要。无论是为了展示个人作品、进行商业推广，还是单纯为了爱好，简单的网页制作都是一个不错的选择。本文将详细介绍简单网页的制作成品以及对应的代码，帮助你快速入门，构建自己的网站。

1. 网页基本结构

在开始创建网页之前，首先需要了解网页的基本结构。一个网页通常由以下几个部分组成：

  • 文档类型声明：告诉浏览器如何解析文档。
  • 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>
</body>
</html>

2. 网页内容布局

在网页中，内容的布局至关重要。一个清晰且结构良好的布局能有效提升用户体验。下面是使用HTML和CSS对网页进行简单布局的方式。

2.1 标题和段落

可以使用各类标题标签（h1至h6）和段落标签（p）来组织内容。例如：

<h2>关于我</h2>
<p>你好，我是一名网页开发爱好者。</p>

2.2 列表和链接

在网页中，要添加列表和链接，可以使用<ul>、<ol>标签和<a>标签。

<h2>我的兴趣</h2>
<ul>
<li>编程</li>
<li>摄影</li>
<li>旅行</li>
</ul>

<h2>链接</h2>
<p>访问我的 <a href="https://example.com">个人网站</a>。</p>

3. 使用CSS进行样式设计

为了让网页更加美观，我们需要使用CSS（层叠样式表）来进行样式的设计。你可以在标签中添加一个