web作业1

最新推荐文章于 2024-10-16 11:23:07 发布

霖烟易辞

最新推荐文章于 2024-10-16 11:23:07 发布

阅读量46

点赞数

文章标签：前端 html html5

本文链接：https://blog.csdn.net/tang_7615/article/details/131604365

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        ul
        {
        list-style-type:none;
        margin:0;
        padding:0;
        overflow:hidden;
        }
        li
        {
        float:left;
        }
        a:link,a:visited
        {
        display:block;
        width:140px;
        font-weight:bold;
        color:#FFFFFF;
        background-color:#bebebe;
        text-align:center;
        padding:15px;
        text-decoration:none;
        text-transform:uppercase;
        }
        a:hover,a:active
        </style>
</head>
<body>
    <h1>欢迎您来到首页</h1>
<ul> 
    <li><a href="1.html">首页</a></li>
    <li><a href="2.html">列表页</a></li>
    <li><a href="3.html">详情页</a></li>
    <li><a href="4.html">登录页</a></li>
</ul>   
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>1</title>
</head>
<body>
    <img src="1.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>2</title>
</head>
<body>
    <img src="2.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>3</title>
</head>
<body>
    <img src="3.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>4</title>
</head>
<body>
    <img src="4.jpg">
</body>
</html>

请添加图片描述