用html做一个5个页面的网页：用HTML创建一个包含5个页面的网页

来源：网络作者：日期：2025-10-29 08:13:47

什么是HTML？

HTML（HyperText Markup Language）是用于创建网页的标准标记语言，它通过一系列标签来定义网页的结构和内容，HTML文件通常以.html为扩展名，可以使用任何文本编辑器（如记事本、VS Code等）来编写。

创建多页面网页的步骤

一个包含多个页面的网页通常由多个HTML文件组成，这些文件通过超链接相互连接，下面,我们将一步步教你如何创建一个包含5个页面的简单网页。

步骤1：规划网页结构

在开始编写代码之前，先规划好你的网页结构，假设我们要创建一个关于“我的兴趣爱好”的网站,包含以下5个页面：

首页（index.html）：介绍网站主题,提供导航链接。
爱好1（hobby1.html）：详细介绍第一个爱好。
爱好2（hobby2.html）：详细介绍第二个爱好。
爱好3（hobby3.html）：详细介绍第三个爱好。
关于我（about.html）：关于网站作者的介绍。

步骤2：创建首页（index.html）

创建一个名为“index.html”的文件,并在其中编写基本的HTML结构。

用html做一个5个页面的网页：用HTML创建一个包含5个页面的网页

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">我的兴趣爱好</title>
</head>
<body>
    <h1>欢迎来到我的兴趣爱好网站</h1>
    <p>这里是我对各种兴趣爱好的探索和分享。</p>
    <ul>
        <li><a href="hobby1.html">爱好1</a></li>
        <li><a href="hobby2.html">爱好2</a></li>
        <li><a href="hobby3.html">爱好3</a></li>
        <li><a href="about.html">关于我</a></li>
    </ul>
</body>
</html>

步骤3：创建其他页面

为每个爱好创建一个HTML文件，结构与首页类似，但内容不同，创建“hobby1.html”：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">爱好1：阅读</title>
</head>
<body>
    <h1>阅读</h1>
    <p>阅读是我最喜欢的爱好之一，通过阅读，我能够探索不同的世界，学习新知识。</p>
    <a href="index.html">返回首页</a>
</body>
</html>

同样，创建“hobby2.html”、“hobby3.html”和“about.html”，每个页面都有自己的内容,并且有一个链接返回首页。

用html做一个5个页面的网页：用HTML创建一个包含5个页面的网页