点击图片实现跳转
目录结构
header.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>首页</title>
</head>
<body><a href="./html/list.html"><img src="./img/004.jpg" width="300px" height="300px">
</a>
</body>
</html>list.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>列表页</title>
</head>
<body><a href="./message.html"><img src="../img/005.jpg" width="300px" height="300px">
</a>
</body>
</html>message.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>详情页</title>
</head>
<body><a href="../header.html"><img src="../img/006.jpg" alt="" width="300px" height="300px">
</a>
</body>
</html>运行结果
点击
点击
代码
链接：https://pan.baidu.com/s/1WcmJfuKtXwVZX1cMmJ_Btg
提取码：i01l
复制这段内容后打开百度网盘手机App，操作更方便哦
