html页面跳转

最新推荐文章于 2024-06-28 10:17:09 发布

苹果树上的女孩

最新推荐文章于 2024-06-28 10:17:09 发布

阅读量1.3k

点赞数

分类专栏： Html

本文链接：https://blog.csdn.net/u012764110/article/details/51671295

版权

Html 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

目录结构如下：
这里写图片描述

简单的归纳就是，上一级的页面用../来寻找，下一级的页面用同级文件夹名/+name.html
1、2、3 页面之间的跳转方法分别如下

1.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<h1>我是Page1</h1>
<a href="../2.html"> 1:跳转到上级2中</a><br/>
<a href="../../3.html"> 1 跳转到3中</a>
</body>
</html>

2.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<h1>我是Page2</h1>
<a href=test1/1.html>2:跳转到1中</a><br/>
<a href="../3.html">2:跳转到3中</a>
</body>
</html>

3.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<h1>我是Page3</h1>
<a href=test/2.html>3：跳转到2中</a><br/>
<a href="test/test1/1.html">3:跳转到1中</a>
</body>
</html>