Web第一天作业

最新推荐文章于 2024-08-26 11:53:53 发布

hdlaichi_

最新推荐文章于 2024-08-26 11:53:53 发布

阅读量46

点赞数

文章标签：前端 html

本文链接：https://blog.csdn.net/hdlaichi_/article/details/131645590

版权

实现网页间的互通

主网页

<!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>
    <a href="./1.html" target="_blank">你想干嘛</a>
    <a href="./2.html" target="_blank"><img src="./images/chishi.jpg" alt="" width="50px" height="50px"></a>
    <a href="./3.html">ovo</a>
    <a href="./4.html">O.o</a>
</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>
    <img src="./images/banana.gif" alt="">
</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>
    <img src="./images/chishi.jpg" alt="">
</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>
    <img src="./images/xiaomi.jpg" alt="">
</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>
    <img src="./images/xiaomizhuye.png" alt="">
</body>
</html>

效果图