第三次作业

<!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>
  div{
   border: 1px solid rgba(255, 0, 0, 0);
   
  }
  .img1{
   margin-left: 85px;
   margin-top: 80px;
  }
  .img{
   margin-top: 1px;
   margin-left: 180px;
  }
  .top{
   width: 955px;
   height: 150px;
   margin: auto;
  }
  .box{
   height: 296px;
   background-color: rgba(224, 226, 228, 0.842);
  }
  .box1{
   width: 955px;
   height: 296px;
   margin: auto;
   background-image: url(./登录.gif);
   
  }
  .box2{
   width: 311.99px;
   height: 229.99px;
   margin-left: 600px;
   margin-top: 50px;
  }
  .button{
   margin-left: 56%;
  }
  .bottom{
   width: 808.99px;
   height: 19.26px;
   margin: auto;
  }
  .span{
   font-size:26px;
  }
  .span1{
   font-size: 14px;
   color:#999
  }
  .span2{
   color: blue;
   text-decoration:underline;
  }
 </style>
</head>
<body>
 <div class="top">< img class="img1" src="./成都文理log.png" alt="" width="474px" height="61px"></div>
 <div class="box">
  <div class="box1">
   <div class="box2">
    <span class="span">用户登录</span>
    <form action="./2学校官网内容一.html">
     <p>用户名:<input type="text" name="username"></p >
     <p>密码:&nbsp&nbsp <input type="password" name="password"></p >
     <p>验证码:<input type="text" name="username"></p >
     <p><input class="img" type="image" src="./箭头.gif" name="img" id="">
     < img src="./登录.gif" alt="">
     </p >
    </form>
   </div>
 </div>
 </div>
 <div class="bottom">
  <span class="span1">湖南强智科技发展有限公司版权所有</span>
  <span class="span2">在线用户数:0人</span>
 </div>
</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><br>
    <hr>
    <big><b>最近热门电影</b> </big>&nbsp&nbsp&nbsp&nbsp&nbsp 热门&nbsp&nbsp 最新&nbsp&nbsp
    豆瓣高分&nbsp&nbsp&nbsp 
    冷门佳片 &nbsp&nbsp 华语 &nbsp&nbsp 欧美 &nbsp&nbsp 韩国 &nbsp&nbsp 日本 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp
    更多>>
    <hr>
    
    <table>
        <tr>
            <td><img src="https://i0.hdslb.com/bfs/bangumi/image/d1baef273cc7862431978b2e63fc04ccdd353556.png@240w_321h.webp" alt=""></td>
            <td><img src="https://i0.hdslb.com/bfs/bangumi/7cae69882325170b9b8ae43d350b2d19199ab3b7.jpg@240w_321h.webp" alt=""></td>
            <td><img src="https://i0.hdslb.com/bfs/bangumi/624e8363da08399eeb505857aec0d64d18f0476a.jpg@240w_321h.webp" alt=""></td>
            <td><img src="https://i0.hdslb.com/bfs/bangumi/image/2e9b47a97fb36bd34ac6a42331e5bff8f9989d82.jpg@240w_321h.webp" alt=""></td>
        </tr>
 
        <tr>
            <td><p>头号玩家</p ></td>
            <td><p>楚门的世界</p ></td>
            <td><p>变形金刚</p ></td>
            <td><p>盗梦空间</p ></td>
        </tr>
 
        <tr>" 
            <td><img src="https://i0.hdslb.com/bfs/bangumi/image/286af43bc22089f5f4cc4b179285fa33af78fa88.png@240w_321h.webp" alt=""></td>
            <td><img src="https://i0.hdslb.com/bfs/bangumi/10cb5ebdc15be6848a1d6e3cfb5cf13c13283cf1.jpg@240w_321h.webp" alt=""></td>
            <td><img src="https://i0.hdslb.com/bfs/bangumi/image/5d2547fccd75717eab7426cb94b021ec71473b76.png@240w_321h.webp" alt=""></td>
            <td><img src="https://i0.hdslb.com/bfs/bangumi/image/4ee5e1cea45fb742c77d17c1b2d115f09508a878.png@240w_321h.webp" alt=""></td>
        </tr>
        <tr>
            <td><p>沙丘</p ></td>
            <td><p>蝙蝠侠</p ></td>
            <td><p>环太平洋</p ></td>
            <td><p>流浪地球</p ></td>
        </tr>
 
    </table>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>注册百度账号</title>
    <link rel="stylesheet" href="/static/css/login.css" />
  </head>
  <body>
    <div class="login-container">
      <div class="fixed-bg">
        < img class="logo" src="/static/images/baidu.png" alt="" />

        <div class="desc-text">
          <h3>用科技</h3>
          <p>让复杂的世界更简单</p >
        </div>

        <div class="login-wrapper">
          <div class="login-title">
            <h3>欢迎注册</h3>
            <p>已有账号?<span class="login_btn">登录</span></p >
          </div>

          <div class="login-content">
            <div class="form-item username">
              <label>用户名</label>
              <input type="text" placeholder="请设置用户名" />
            </div>

            <div class="form-item phone">
              <label>手机号</label>
              <input type="text" placeholder="可用于登录和找回密码" />
            </div>

            <div class="form-item psd">
              <label>密 码</label>
              <input type="password" placeholder="请设置登录密码" />
              <span class="reg">密码设置不符合要求</span>
            </div>

            <div class="form-item codes">
              <label>验证码</label>
              <input
                class="code-input"
                type="text"
                placeholder="请输入验证码"
              />
              <button class="get-bt">获取验证码</button>
              <!-- <span class="reg">验证码不能为空</span> -->
            </div>

            <button class="register-btn">注册</button>

            <div class="txt">
              <input class="checkbox" type="checkbox" />
              <span>
                阅读并接受<a>《百度用户协议》</ a>、<a>《儿童个人信息保护声明》</ a>及<a
                  >《百度隐私权保护声明》</a
                >
              </span>
              <p class="reg last">请勾选“阅读并接受百度用户协议”</p >
            </div>
          </div>
        </div>

        <div class="footer">
          <div class="help">帮助中心</div>
          <div class="line"></div>
          < img src="/static/images/service-hover-2x.png" alt="" />
          <div class="copyright">2023 Baidu</div>
        </div>
      </div>
    </div>
  </body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值