wed第二讲总结

Original 2018-11-02 22:54:24 209
abstract:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>wed第二讲知识总结</title> </head> <style> body{margin: 0; padding:&nb
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>wed第二讲知识总结</title>
</head>
<style>
body{margin: 0; padding: 0}
.nav{margin: auto;width: 1000px;}
.nav-left{ float: left;}
table{border:1px solid #ccc;border-collapse: collapse;}
p{margin: 0;padding: 0}
td{height:100px;width: 150px;border:1px solid #ccc;}
ol li{list-style:none;float: left;padding-left:20px}
ol li a{margin-left:10px}
ol li:before{content: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1541177579811&di=d6ee62441be1887ba1bc0c016bbb5e18&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F55c5931a2415f8b2cdb2ca2cc04b56d0b9173ec66d1-1YvAN8_fw658)}
ul li{list-style: none}
ul li:after{content: url(favicon.png) }
ul li a{margin-right:10px;}
a{text-decoration: none}
a:hover{text-decoration: underline;color: red}
.nva-right{float:right;}
</style>
<body>
<div>
<div>
<table>
            <tr>
             <td colspan="5">
<ol>
<li><a href="#">练习练习练习</a></li>
<li><a href="#">练习练习练习</a></li>
<li><a href="#">练习练习练习</a></li>
<li><a href="#">练习练习练习</a></li>
</ol>
             </td>
             
            </tr>
            <tr>
                <td rowspan="2"  style="text-align:center">
                    <p ><img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=969586322,2665076501&fm=26&gp=0.jpg"></p>
                    <p><b>某某产品</b></p>
                    <p><i>原价</i>:<del>500</del></p>
<p><em>打折</em>:<span>399</span></p>
                </td>
             <td rowspan="2"  style="text-align:center">
  <p ><img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=969586322,2665076501&fm=26&gp=0.jpg"></p>
                    <p><b>某某产品</b></p>
                    <p><i>原价</i>:<del>500</del></p>
<p><em>打折</em>:<span>399</span></p>
             </td>
             <td rowspan="2"  style="text-align:center">
  <p ><img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=969586322,2665076501&fm=26&gp=0.jpg"></p>
                    <p><b>某某产品</b></p>
                    <p><i>原价</i>:<del>500</del></p>
<p><em>打折</em>:<span>399</span></p>
             </td>
             <td rowspan="2"  style="text-align:center">
  <p ><img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=969586322,2665076501&fm=26&gp=0.jpg"></p>
                    <p><b>某某产品</b></p>
                    <p><i>原价</i>:<del>500</del></p>
<p><em>打折</em>:<span>399</span></p>
             </td>
             <td rowspan="2">
<ul>
<li><a href="http://www.baidu.com">百度查询</a></li>
<li><a href="http://www.baidu.com">360查询</a></li>
<li><a href="http://www.baidu.com">goole查询</a></li>
<li><a href="http://www.baidu.com">百度查询</a></li>
<li><a href="http://www.baidu.com">百度查询</a></li>
</ul>
             </td>
             
            </tr>
            <tr></tr>
</table>
</div>
<style type="text/css">
input{width: 200px;height: 30px; padding: 5px;margin-top:20px }
button{width: 212px;height: 40px; margin-top:20px;border:0px;background: red;color:#fff;}
</style>
<div >
      <form>
      <h3>在线留言</h3>
      <input type="text" name="name" placeholder="你贵姓"><br />
      <input type="password" name="mima" placeholder="联系方式"><br />
      <button>留言</button>
      </form>
</div>
</div>
</body>
</html>

QQ截图20181102225017.png

Correcting teacher:韦小宝Correction time:2018-11-03 09:18:58
Teacher's summary:写的不错!但是缺少总结哦!下次记得加上!前端为基础更应该得牢牢掌握!课后别忘了多练习练习哦!加油吧!

Release Notes

Popular Entries