<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>欢迎您来到首页</h1>
<a href="./作业1.html" target="_self">首页</a>
<a href="./作业2.html" target="_self">列表页</a>
<a href="./作业3.html" target="_self">详情页</a>
<a href="./作业4.html" target="_self">登录页</a>
<img src="./image/1688718590174.jpg">
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>欢迎您来到列表页</h1>
<a href="./作业1.html" target="_self">首页</a>
<a href="./作业2.html" target="_self">列表页</a>
<a href="./作业3.html" target="_self">详情页</a>
<a href="./作业4.html" target="_self">登录页</a>
<img src="./image/屏幕截图 2023-07-07 163145.png">
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>欢迎您来到详情页</h1>
<a href="./作业1.html" target="_self">首页</a>
<a href="./作业2.html" target="_self">列表页</a>
<a href="./作业3.html" target="_self">详情页</a>
<a href="./作业4.html" target="_self">登录页</a>
<img src="./image/屏幕截图 2023-07-07 163036.png">
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>欢迎您来到登录页</h1>
<a href="./作业1.html" target="_self">首页</a>
<a href="./作业2.html" target="_self">列表页</a>
<a href="./作业3.html" target="_self">详情页</a>
<a href="./作业4.html" target="_self">登录页</a>
<img src="./image/屏幕截图 2023-07-07 163213.png">
</body>
</html>
效果图