老师帮我修改一下代码

来源:2-10 作业题

慕仰8079247

2019-05-20 23:32:36

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>nm</title>
      <style>
      *{margin:0;padding:0;}
      .header{height:100px;width:100%;background:#07cbc9;}
      .header img{width:50px;height:40px;}
      .header .logo{float:left;}
      .header .nav{float:right;}
      .header .nav li{float:left;font-weight:bolder;font-size:15px;margin: 0 30px;line-height:100px;list-style:none;}
         .footer{height:80px;width:100%;background:#07cbc9;text-align:center;line-height:80px;}
      .banner{position:absolute;top:400px;right:30%;}
      button{width:100px;height:50px;margin:0 130px;}
      .banner input{width:400px; height:60px;border:double white;margin-top:20px;opacity: 0.5;color:black;font-size:20px;}
      .banner textarea{width:400px; margin-top:30px;opacity: 0.5;font-size:20px;}
      .banner button{margin-top:10px;opacity: 0.5;}
       .main{margin:0 auto;}
       .main .op{float:left}
       .main img{float:left;}  
       .main dl{ width:150px;height:150px;margin-top:30px;border-right:solid blue;border-bottom:solid blue;}
       .main .so{float:left;overflow:hidden;}
       hr{width:40px;color:#07cbc9;}
      </style>
    </head>
    <body>
        <div class="header">
            <div class="logo"><img src="images/logo.png"></div>
            <div class="nav">
              <ul>
                  <li>HOME</li>
                  <li>ABOUT</li>
                  <li>GALLERY</li>
                  <li>EVENTS</li>
                  <li>CONTACT</li>
              </ul>  
            </div>
        </div>
            <div ><img src="images/banner3.jpg"></div>
            <div class="banner">
            <form>
                <input type="text"placeholder="your name">
                <br/>
                <input type="text"placeholder="your phone">
                <br/>
                <input type="text"placeholder="your email">

            </form>
            <textarea  row=""cols="40px"rows="5"placeholder="write your comment here"></textarea>
        <br>
            <button>send message</button>

        </div>

         <div tetx-aligin="center">
            <p>ABOUT</p>
          <p>  Praesent dignissim viverraest</p>
          <p>ed<br/>bibendum ligula congue non</p>
          <p>ullamcorper ipsum.Suspendisse</p>

         </div>
         <div class="main">
            <div class="op">
                <div>
          <h3> A WORO</h3>
      </div>
      <div>
          <h3> ABOUT US</h3>
           <div  class="op">
         </div>
         <div><img src="images/bb3.jpg"></div>
         <div class="so">
            <div>
            <dl>
                <dt>70000</dt>
                <br>
                <hr>
                <dd>students</dd>
            </dl>

        </div>

        
            <div>
            <dl>
                <dt>600</dt>
                <br>
                <hr>
                <dd>faculty</dd>
            </dl>
         </div>
       </div>
         <div>
           </div>
           <p> Praesent dignissim viverraest,sed<br/>bibendum ligula congue non,Sedac nisl<br/>et felis gravida commodo?Suspendisse<br/>eget ullamcorper ipsum.Suspendisse</p>
          
              <button>EXPLORE</button>
          </div>
         </div>
        </div>
         <div>
        <div><img src="images/b1.jpg"></div>
        <div class="">
       <h5>library</h5>
       <p> Praesent dignissim viverraest,sed<br/>bibendum ligula congue non,Sedac nisl<br/>et felis gravida commodo?Suspendisse<br/>eget ullamcorper ipsum.Suspendisse</p>
        </div>
        <div><img src="images/b2.jpg"></div>
    
        <div>
        <div class="">
       <h5>library</h5>
       <p> Praesent dignissim viverraest,sed<br/>bibendum ligula congue non,Sedac nisl<br/>et felis gravida commodo?Suspendisse<br/>eget ullamcorper ipsum.Suspendisse</p>
   </div>
   </div>
   <div><img src="images/b3.jpg"></div>
    <div class="">
       <h5>library</h5>
       <p> Praesent dignissim viverraest,sed<br/>bibendum ligula congue non,Sedac nisl<br/>et felis gravida commodo?Suspendisse<br/>eget ullamcorper ipsum.Suspendisse</p></div>

       <div><img src="images/b4.jpg"></div>
    <div class="">
       <h5>library</h5>
       <p> Praesent dignissim viverraest,sed<br/>bibendum ligula congue non,Sedac nisl<br/>et felis gravida commodo?Suspendisse<br/>eget ullamcorper ipsum.Suspendisse</p></div>
   </div>
   <div>
       <table>
           <tr>
               <td><img src="images/03-01.jpg"></td>
              
               <td><img src="images/03-02.jpg"></td>
             
               <td><img src="images/03-03.jpg"></td>

           </tr>
       </table>
       <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;raesent dignissim</span>
         <span>&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;raesent dignissim</span>
           <span>&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;raesent dignissim</span>
       <table>
            <tr>
               <td><img src="images/03-04.jpg"></td>
               dignissim</span>
               <td><img src="images/03-05.jpg"></td>
              
               <td><img src="images/03-06.jpg"></td>
              
           </tr>
       </table>
         <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;raesent dignissim</span>
           <span>&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;raesent dignissim</span>
             <span>&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;raesent dignissim</span>
   </div>
   <div class="footer"><span>&copy; 2016 imooc.com 京ICP备13046642号</span></div>
</body>
</html>


写回答

1回答

好帮手慕星星

2019-05-21

你好,测试了你的代码,作业中问题较多,可以要写很长,建议将作业提交上去:

http://img.mukewang.com/climg/5ce36d860001686817280594.jpg

批复作业的老师会一对一进行批复的,指出作业中的问题并给出详细建议和修改方式。

祝学习愉快!

0

0 学习 · 40143 问题

查看课程