作业

第四次作业

补充学习了快捷键的书写形式。
标签的快捷键写法
兄弟标签的快捷键写法
父子标签快捷键的写法
元素重复的快捷键写法
数值递增的快捷键写法

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div,body,html,h1,h2,h3,h4,h5,h6,ul,li,em,dt,dd,dl,form
{padding: 0 ;
margin:0;
}
li{list-style: none;
}
img{
border: 0;
}
a{
text-decoration: none;
color:#000;
}
.clear:after{
content: "";
display: block;
clear: both;
overflow: hidden;
visibility: hidden;
zoom: 1;
}
.cb{
clear: both;
}
body{
font-family: "\5B8B\4f53";
font-size:12px;
color: #aaaaaa;
}
a{
color: #3d3d3d;
font-size:14px;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
.w970{
width: 970px;
margin:0 auto;
}
.w968{
width: 968px;
margin: 0 auto;
border: 1px solid #dddddd;
}
.first{
height: 108px;
}
.one{
float:left;
width: 290px;
height: 108px;
}
.one .embed{
width: 290px;
height: 108px;
}
.two{
float:left;
width: 400px;
height:88px;
padding-top: 20px;
}
.two form{

    width: 394px;
    height: 27px;
    border: 3px solid #eeeeee;
}
.q{
    width:325px;
    height:25px;
    border:1px solid #babebf;
    border-right: 0 none;
    outline: none;
    color: #999999;
    padding-left: 5px;
}
.four{
    width:68px;
    height:27px;
    background:url() 0px -36px;
    outline: none;
    border: 0 none;
    color: white;
    font-size: 14px;
    font-weight: bold;
}
.four p{
    margin-top: 10px;
}
.four a{
    color: #999999;
    font-size: 12px;
    margin: 0 3px;
}
.three{
    float:left;
    width: 280px;
    height: 68px;
    text-align: right;
    padding-top: 40px;
    color: #e6e6e6; 
    line-height: 20px;
}
.three a{
    font-size: 12px;
    color: #999999;

}
.five{
    background: url() no-repeat 0 1px;
    padding-left: 15px;
}
.nav{
    height: 35px;
    line-height: 35px;
}
.nav li{
    float: left;
    display: inline;
}
.seven li{
    float: left;
    padding: 0 10px;

}
.seven a:hover{
    color: #0081cc;

}
.seven .ten a{
    color: #0081cc;
    font-weight: bold;
}
.eit nav{
    margin-left: 10px;
    background: url()no-repeat
    0 7px;
}
.eit li{
    float: left;
    padding: 0 11px;
    position: relative;
}
.eit a{
    font-size: 12px;
}
.eit img{
    position: absolute;
    top: 0px;
    left: 44px;

}
.nine li{
    float: left;
    position: relative;
    margin-right: 40px;
}
.nine{
    margin-left: 67px;
    color: #666666;
}
.nine .s{
    display: block;
    width: 5px;
    height: 3px;
    background:url() 0 -64px;
    position: absolute;
    right: -9px;
    top: 16px
}
.main{
    height: 365px;
    margin-top: 10px;
    background-color: #000000; 
    padding: 8px 0 7px 0;
}
.banner{
    float: left;
    width:730px;
    height:365px;
    background: blue;
}
.banner div{
    width:740px;
    height:310px;
    position: relative;
}
.banner div img{
    width:730px;
    height:310px;
}
.banner div p{
    width: 740px;
    height: 33px;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 14px;
    color: #fff;
    text-indent: 10px;
    opacity: 0.5;
    filter:alpha(opacity=50);
}
.banner ul{

}
.banner li{
    width: 56px;
    height: 54px;
    float:left;
    display: inline;
    padding-left: 1px;
    padding-top: 1px;
    background: url() -228px -52px;
    margin-right: 4px;
    cursor:pointer;

}
.banner li .cur{
    padding-top: 5px;
    margin-top: -4px;
    background-position: -228px 0;
}
.banner ul img{
    width: 56px;
    height: 45px;
}
.banner-right{
    float: right;
    border: 1px solid #393939;
    width: 227px;
    height: 363px;
    background: url();
    padding: 10px 5px 0;
}
.banner-right-nav{
    float: left;
    width: 216px;
    height: 27px;
    border-left: 1px solid #545454;
    border-top: 1px solid #545454;
}
.banner-right-nav li{
    height: 20px;
    line-height: 20px;
    padding:0 4px;
    border-right: 1px solid #545454;
    border-bottom: 1px solid #545454;
    float: left;
    color: #666666;
}
.banner-right-nav li .s{
    display: none;
}
.banner-right-nav li.cur{
    background-color:#6f6f6f;
    border-bottom: 1px solid #6f6f6f;
    color:#fff;  
}
.banner-right-nav li.cur .s{
    display: block;
    width:5px;
    height:3px;
    background: url() -248px -132px;
    position:absolute;
    left:50%;
    margin-left: -3px;
    bottom:-5px;
}
.banner-right ol{
    color: #666666;
}
.banner-right ol li{
    line-height: 27px;
}
.banner-right ol  span{
    display: inline-block;
    width: 19px;
    height: 14px;
    line-height: 14px;
    border: 1px solid #4d4d4d;
    text-align: center;
}
.banner-right .top3 span{
    float: left;
    background: #29b6e9;
    color: white;
    font-weight: bold;
}
.banner-right ol a{
    color: #bfbfbf;
    font-size: 12px;
    margin-right: 5px;

}
.banner-right ol  .stong{
    float: right;
}
.banner-right ol a .pic-link{
    display: inline-block;
    width: 8px;
    height: 11px;
    background: url() -237px -100px;
    text-indent: -99em;
    overflow: hidden;
    margin-right: 0;
    margin-left: 4px;
}
.banner-right-bottom{
    margin-top: 7px;
}
.banner-right-bottom li{
    background: url() no-repeat -287px -108px;
    padding-left: 9px;
    height: 20px;
    line-height: 12px;
}
.banner-right-bottom li a{
    color: #df7e0d;
    font-size: 12px;
}
.section1{
    height: 435px;
    margin-top: 10px;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.section1 .hot{
    height: 435px;
    width: 161px;
    float: left;
    border-top:3px solid #e188c2;
    border-right: 1px solid #dddddd; 
    float: left;
}
.section1 .hot h2{
    color: #e188c2;
}
.section1 .man{
    height: 435px;
    width: 161px;
    border-top:3px solid #879ac5;
    border-right: 1px solid #dddddd;
    float: left;
}
.section1 .man h2{
    color: #879ac5;
}
.section1 .syn{
    height: 435px;
    width: 160px;
    border-top:3px solid #a6a6a6;
    border-right: 1px solid #dddddd;
    float: left;
}
.section1 .syn h2{
    color: #a6a6a6;
}
.section1 .tvb{
    height: 435px;
    width: 160px;
    border-top:3px solid #7ec8da;
    border-right: 1px solid #dddddd;
    float: left;
}
.section1 .tvb h2{
    color: #7ec8da;
}
.section1 .overseas{
    height: 435px;
    width: 160px;
    border-top:3px solid #e18786;
    border-right: 1px solid #dddddd;
    float: left;
}
.section1 .overseas h2{
    color: #e18786;
}
.section1 .ent{
    height: 435px;
    width: 160px;
    border-top:3px solid #e4cd6f;
    border-right: 1px solid #dddddd;
    float: left;
}
.section1 .ent h2{
    color: #e4cd6f;
}
.section1 h2{
    height: 47px;
    line-height: 47px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.item{

}
.item .img-link{
    width: 136px;
    height: 96px;
    display: block;
    position: relative;
}
.item .img-link img{
    width: 136px;
    height: 96px;
    border: 1px solid #eeeeee;
    padding: 1px;
}
.img-link span{
    font-size: 12px;
    color: #c1c2bd;
    width: 100px;
    height: 20px;
    line-height: 20px;
    text-align: right;
    background: url();
    position: absolute;
    right: 2px;
    bottom: 2px;
}
.item p{
    width: 141px;
    padding-top: 4px;
    padding-bottom: 10px;
    position: relative;
}
.pic-link{
    width: 8px;
    height: 10px;
    background: url() -237px -100px;
    text-indent: -99em;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 8px;
}
.section1 dl{
    border-top: 1px dashed #dddddd;
    padding-top:10px; 
}
.section1 dt{
    height: 20px;
}
.section1 dd{
    height: 20px;
}
.today{
    width: 950px;
    height: 870px;
    position: relative;
}
.today h2{
    color: #3b3b3b;
    font-size: 18px;
    font-weight: bold;
    font-family: "宋体";
    position:absolute;
    left: 15px;
    top: 12px;

}
.today-section{
    width: 952px;
}
.today-title{
    float: right;
    display: inline;
    padding-top: 18px;
    padding-bottom: 13px;
}
.today-title a{
    font-size: 12px;
}
.today ul{
    margin:left;
}
.today .item{
    margin-left: 15px;
    float: left;
    display: inline;
}
.today .item .img-link img{
    width: 100px;
    height: 140px;
}
.today .item .img-link{
    width: 104px;
    height: 144px;
}
.today .item p{
    width: 104px;
    padding-bottom: 4px;
}
.footer{
    margin-top: 15px;
    padding-top: 25px;
}
.footer fieldset{
    margin-left: 260px;
}
.footer ul li{
    line-height: 27px;
    float: left;
    display: inline;
}
.footer ul li a{
    font-size: 12px;
    color: #a9a9a9;
    margin: 0 8px;
}
.footer dl{
    height: 82px;
    width: 192px;
    padding-left: 20px;
    border-right: 1px solid #dddddd;
    float: left;
    display: inline;
}
.footer dt{
    line-height: 23px;
    color: #666666;
    font-weight: bold;
}
.footer dd{
    line-height: 22px;
    float: left;
    display: inline;
}
.footer dd a{
    font-size: 12px;
    margin-right:11px;
}
</style>

</head>
<body>
<div class="first w970">
<div class="one">
<embed src="pig/7.png"></div>
<div class="two">
<form action="">
<input type="text" name="q" class="q" value="金陵十三钗"><input type="submit"
class="four" value="搜索">
</form>
<p>
<a href="">热播榜</a>
<a href="">乡爱5局</a>
<a href="">我的老爹</a>
<a href="">小姨多鹤</a>
<a href="">欧阳德</a>
<a href="">龙门飞甲</a>
<a href="">大冲锋</a>
</p>
</div>
<div class="three">
<a href="">登录</a>
|
<a href="">注册</a>
|
<a href="">迅雷会员</a>
|
<a href="class="five"">订阅</a>

<a href="">会员专区</a>
|
<a href="">移动产品</a>
|
<a href="">游戏</a>
|
<a href="">帮助</a>
</div>
</div>
<div class="nav w968">
<ul class="seven">
<li class="ten"><a href="">首页</a></li>
<li><a href="">电影</a></li>
<li><a href="">电视剧</a></li>
<li><a href="">综艺</a></li>
<li><a href="">动漫</a></li>
<li><a href="">纪录片</a></li>
<li><a href="">视频快报</a></li>
<li><a href="">娱乐</a></li>
<li><a href="">电视台</a></li>
</ul>
<ul class="eit">
<li><a href="">欧美大片</a></li>
<li><a href="">经典大片</a></li>
<li><a href="">华语大片</a><img src=""></li>
</ul>
<ul class="nine">
<li>我看过的<s></s></li>
<li>下载迅雷<s></s></li>
</ul>
</div>
<div class="main w970">
<div class="banner">
<div><a href=""><img src="" alt=""></a>
<p>赵家班悲情大戏</p>
</div>
<ul>
<li class="cur"><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li style="margin-right:0"><img src="" alt=""></li>
</ul>
</div>
<div class="banner-right">
<ul class="banner-right-nav">
<li>全部</li>
<li class="cur">电影<s></s></li>
<li>电视剧</li>
<li>综艺</li>
<li>动漫</li>
<li>记录</li>
</ul>
<ol>
<li class="top3"><stong>7.5<a href="" class="pic-link">深宫谍影</a></stong><span>01</span><a href="">深宫谍影</a>更新至</li>
<li class="top3"><stong>7.5<a href="" class="pic-link">深宫谍影</a></stong><span>02</span><a href="">深宫谍影</a>更新至</li>
<li class="top3"><stong>7.5<a href="" class="pic-link">深宫谍影</a></stong><span>03</span><a href="">深宫谍影</a>更新至</li>
<li><span>04</span><a href="">北京爱情故</a><stong>8.5<a href="" class="pic-link">北京爱情故事</a></stong></li>
<li><span>05</span><a href="">北京爱情故</a><stong>8.5<a href="" class="pic-link">北京爱情故事</a></stong></li>
<li><span>06</span><a href="">北京爱情故</a><stong>8.5<a href="" class="pic-link">北京爱情故事</a></stong></li>
<li><span>07</span><a href="">北京爱情故</a><stong>8.5<a href="" class="pic-link">北京爱情故事</a></stong></li>
<li><span>08</span><a href="">北京爱情故</a><stong>8.5<a href="" class="pic-link">北京爱情故事</a></stong></li>
<li><span>09</span><a href="">北京爱情故</a><stong>8.5<a href="" class="pic-link">北京爱情故事</a></stong></li>
<li><span>10</span><a href="">北京爱情故</a><stong>8.5<a href="" class="pic-link">北京爱情故事</a></stong></li>

    </ol>
    <ul class="banner-right-bottom">
        <li>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</li>
        <li>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</li>
    </ul>
    </div>
</div>
<div class="section1 w970">
    <div class="hot">
        <h2>热门大片</h2>
        <div class="item">
        <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
        <p><a href="">仙境之桥</a>(720p)<a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
        </div>
        <div class="item">
        <a href="" class="img-link">![](pig/5.jpg)<span>诱惑欲望激烈碰</span></a>
        <p><a href="">桃色惊魂</a>(720p)<a href="" class="pic-link" title="桃色惊魂">桃色惊魂</a></p>
        </div>
        <dl>
            <dt><a href="">鬼域</a>(480p)</dt>
            <dd>获金像奖最佳视觉效果</dd>
            <dt><a href="">龙门飞甲</a>(数字商城)</dt>
            <dd>徐克3D武侠精制</dd>
        </dl>
    </div>
    <div class="man">
        <h2>男性影院</h2>
        <div class="item">
        <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
        <p><a href="">仙境之桥</a>(720p)<a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
        </div>
        <div class="item">
        <a href="" class="img-link">![](pig/5.jpg)<span>诱惑欲望激烈碰</span></a>
        <p><a href="">桃色惊魂</a>(720p)<a href="" class="pic-link" title="桃色惊魂">桃色惊魂</a></p>
        </div>
        <dl>
            <dt><a href="">鬼域</a>(480p)</dt>
            <dd>获金像奖最佳视觉效果</dd>
            <dt><a href="">龙门飞甲</a>(数字商城)</dt>
            <dd>徐克3D武侠精制</dd>
        </dl>
    </div>
    <div class="syn">
        <h2>同步卫视</h2>
        <div class="item">
        <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
        <p><a href="">仙境之桥</a>(720p)<a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
        </div>
        <div class="item">
        <a href="" class="img-link">![](pig/5.jpg)<span>诱惑欲望激烈碰</span></a>
        <p><a href="">桃色惊魂</a>(720p)<a href="" class="pic-link" title="桃色惊魂">桃色惊魂</a></p>
        </div>
        <dl>
            <dt><a href="">鬼域</a>(480p)</dt>
            <dd>获金像奖最佳视觉效果</dd>
            <dt><a href="">龙门飞甲</a>(数字商城)</dt>
            <dd>徐克3D武侠精制</dd>
        </dl>
    </div>
    <div class="tvb">
        <h2>TVB剧场</h2>
        <div class="item">
        <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
        <p><a href="">仙境之桥</a>(720p)<a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
        </div>
        <div class="item">
        <a href="" class="img-link">![](pig/5.jpg)<span>诱惑欲望激烈碰</span></a>
        <p><a href="">桃色惊魂</a>(720p)<a href="" class="pic-link" title="桃色惊魂">桃色惊魂</a></p>
        </div>
        <dl>
            <dt><a href="">鬼域</a>(480p)</dt>
            <dd>获金像奖最佳视觉效果</dd>
            <dt><a href="">龙门飞甲</a>(数字商城)</dt>
            <dd>徐克3D武侠精制</dd>
        </dl>
    </div>
    <div class="overseas">
    <h2>海外剧场</h2>
    <div class="item">
        <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
        <p><a href="">仙境之桥</a>(720p)<a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
        </div>
        <div class="item">
        <a href="" class="img-link">![](pig/5.jpg)<span>诱惑欲望激烈碰</span></a>
        <p><a href="">桃色惊魂</a>(720p)<a href="" class="pic-link" title="桃色惊魂">桃色惊魂</a></p>
        </div>
        <dl>
            <dt><a href="">鬼域</a>(480p)</dt>
            <dd>获金像奖最佳视觉效果</dd>
            <dt><a href="">龙门飞甲</a>(数字商城)</dt>
            <dd>徐克3D武侠精制</dd>
        </dl>
    </div>
    <div class="ent">
    <h2>人气综艺</h2>
    <div class="item">
        <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
        <p><a href="">仙境之桥</a>(720p)<a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
        </div>
        <div class="item">
        <a href="" class="img-link">![](pig/5.jpg)<span>诱惑欲望激烈碰</span></a>
        <p><a href="">桃色惊魂</a>(720p)<a href="" class="pic-link" title="桃色惊魂">桃色惊魂</a></p>
        </div>
        <dl>
            <dt><a href="">鬼域</a>(480p)</dt>
            <dd>获金像奖最佳视觉效果</dd>
            <dt><a href="">龙门飞甲</a>(数字商城)</dt>
            <dd>徐克3D武侠精制</dd>
        </dl>
    </div>
</div>
<div class="today w968">
    <div class="today-section ">
        <h2>今日电视剧</h2>
        <p class="today-title"><a href="">少年四大名捕</a>(TVB四小生破案追凶) | <a href="">回家的诱惑</a>(绝望的主妇还击妖娆小三) | <a href="">掩护</a>(陆毅刘涛密码传情) <a href="">更多</a></p>
        <div class="cb"></div>
        <ul>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
        </ul>
    </div>
    <div class="today-section half">
        <h2>今日电视剧</h2>
        <p class="today-title"><a href="">少年四大名捕</a>(TVB四小生破案追凶) | <a href="">回家的诱惑</a>(绝望的主妇还击妖娆小三) | <a href="">掩护</a>(陆毅刘涛密码传情) <a href="">更多</a></p>
        <div class="cb"></div>
        <ul>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
        </ul>
    </div>
    <div class="today-section half">
        <h2>今日电视剧</h2>
        <p class="today-title"><a href="">少年四大名捕</a>(TVB四小生破案追凶) | <a href="">回家的诱惑</a>(绝望的主妇还击妖娆小三) | <a href="">掩护</a>(陆毅刘涛密码传情) <a href="">更多</a></p>
        <div class="cb"></div>
        <ul>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
            <li class="item">
            <a href="" class="img-link">![](pig/5.jpg)<span>画面唯美魔幻仙</span></a>
            <p><a href="">仙境之桥</a>(720p) <a href="" class="pic-link" title="仙境之桥">仙境之桥</a></p>
            <p>台湾黑帮爱情悲剧</p>
        </ul>
    </div>
</div>
<div class="footer w968">
<fieldset>
<form action="">
    <input type="text" name="q" class="q" value="碟中谍4"><input type="submit"
    class="four" value="搜索">
</form>
<ul>
    <li><a href="">哈哈哈哈</a></li>
    <li><a href="">哈哈哈哈</a></li>
    <li><a href="">哈哈哈哈</a></li>
</ul>
</fieldset>
<dl>
    <dt>首页</dt>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
</dl>
<dl>
    <dt>分类</dt>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
</dl>
<dl>
    <dt>APP</dt>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
</dl>
<dl>
    <dt>支持</dt>
        <dd><a href="">哈哈</a></dd>
        <dd><a href="">哈哈</a></dd>
</dl>
<dl class="about-us">
    <dt>分类</dt>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
    <dd><a href="">哈哈</a></dd>
</dl>
</div>

</body>
</html>

最后编辑于：2017.12.06 02:30:55

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 206,602评论 6赞 481
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 88,442评论 2赞 382
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 152,878评论 0赞 344
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 55,306评论 1赞 279
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 64,330评论 5赞 373
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 49,071评论 1赞 285
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 38,382评论 3赞 400
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 37,006评论 0赞 259
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 43,512评论 1赞 300
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 35,965评论 2赞 325
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 38,094评论 1赞 333
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 33,732评论 4赞 323
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 39,283评论 3赞 307
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 30,286评论 0赞 19
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 31,512评论 1赞 262
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 45,536评论 2赞 354
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 42,828评论 2赞 345

作业

第四次作业

推荐阅读更多精彩内容