[作业]NO5.简单网页结构编写

admin 3人参与 0 次点击

找一个自己喜欢的网站,对其头部进行划分,然后根据自己的规划,编写出对应的框架结构

    2 讨论 | 直到 2018-06-07 11:20:20
  • YMdebbie
    1
    <body>
    <div>
     <div>
     <div>
      <a href="#"><img src="https://s3.mogucdn.com/mlcdn/c45406/170904_1fj9406416501i4lkabcc0hjb8341_480x180.png"/></a>
      </div>
      <div>
      <form action="http://www.mogujie.com/" method="get">
      <input type="text" name="q">
      <input type="submit" value="搜 索">
      </form>
      </div>
     </div>
     <div>
      <ul>
       <li><a href="#">主题商城</a></li>
       <li><a href="http://act.mogujie.com/tuancube/index">省钱团购</a></li>
       <li><a href="http://qiang.mogujie.com/fastbuy/index">限时快抢</a></li>
      </ul>
      </div>
    </div>
    <div>主体</div>
    <div>尾部</div>
    </body>
    

  • 郭郭
    2

    唯品会首页头部https://www.vip.com/

    <div>
    	<div>
          	<div>
            	<ul>
                	<li><a href="#" target="_blank"><img src="https://b.appsimg.com/2017/08/31/540/1504164551874.png"></a></li>
                    <li><a href="#" target="_blank"><img src="https://b.appsimg.com/2017/08/31/540/1504164551874.png"></a></li>
                    <li><a href="#" target="_blank"><img src="https://b.appsimg.com/2017/08/31/540/1504164551874.png"></a></li>
                    <li><a href="#" target="_blank"><img src="https://b.appsimg.com/2017/08/31/540/1504164551874.png"></a></li>
                </ul>
                <form action="https://category.vip.com" method="get">
                	<input type="text" name="?"/>
                    <input type="submit" />
                </form> 	
                <div>购物车</div>
    		</div>
    	</div>
    <!--上-->
    	<div>	
        	<div>
    			<div>首页</div>
           		<ul>
            		<li><a href="#" target="_blank">616预付</a></li>
                	<li><a href="#" target="_blank">女装</a></li>
               	 	<li><a href="#" target="_blank">母婴</a></li>
                	<li><a href="#" target="_blank">美妆</a></li>
            	</ul>
            	<div>更多</div>
            	<div>
                	<a href="#" target="_blank">分类</a>
                    <a href="#" target="_blank">预告</a>
            	</div>
    		</div>
           	<!-- 此处4个细分-->
    	</div>
    <!--导航-->
    </div>
    
    

    [作业]NO5.简单网页结构编写

    遇到问题:没找到搜索框的name