console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="annoy-movie" class="section">
<div class="wrapper">
<div class="sidenav">
<h2 class="section-title">
<a href="https://movie.douban.com">电影</a>
</h2>
<div class="side-links nav-annon">
<ul>
<li><a href="https://moive.douban.com/nowplaying/">影讯&购票</a></li>
<li class="site-nav-bt">
<a href="https://movie.douban.com/explore">选电影</a>
<img style="top:-5px; position: relative;" src="https://img3.doubanio.com/pic/new_menu.gif" alt="">
</li>
<li><a href="https://movie.douban.com/tv/">电视剧</a></li>
<li><a href="https://movie.douban.com/chart">排行榜</a></li>
<li><a href="https://movie.douban.com/tag/">分类</a></li>
<li><a href="https://movie.douban.com/review/best/">影评</a></li>
<li class="site-nav-bt">
<a href="https://movie.douban.com/trailers">预告片</a></li>
<li>
<a href="https://movie.douban.com/askmatrix/hot_questions/all">问答</a>
</li>
</ul>
</div>
</div>
<div class="side">
<div class="mod">
<h2>影片分类......
<span class="pl">
（<a href="#">更多</a>）
</span></h2>
<div class="tags list">
<ul>
<li><a href="https://movie.douban.com/tag/爱情">爱情</a></li>
<li><a href="https://movie.douban.com/tag/剧情">剧情</a></li>
<li><a href="https://movie.douban.com/tag/喜剧">喜剧</a></li>
<li><a href="https://movie.douban.com/tag/动画">动画</a></li>
<li><a href="https://movie.douban.com/tag/科幻">科幻</a></li>
<li><a href="https://movie.douban.com/tag/经典">经典</a></li>
<li><a href="https://movie.douban.com/tag/动作">动作</a></li>
<li><a href="https://movie.douban.com/tag/悬疑">悬疑</a></li>
<li><a href="https://movie.douban.com/tag/犯罪">犯罪</a></li>
<li><a href="https://movie.douban.com/tag/青春">青春</a></li>
<li><a href="https://movie.douban.com/tag/搞笑">搞笑</a></li>
<li><a href="https://movie.douban.com/tag/文艺">文艺</a></li>
<li><a href="https://movie.douban.com/tag/惊悚">惊悚</a></li>
<li><a href="https://movie.douban.com/tag/励志">励志</a></li>
<li><a href="https://movie.douban.com/tag/纪录片">纪录片</a></li>
<li><a href="https://movie.douban.com/tag/黑色幽默">黑色幽默</a></li>
<li><a href="https://movie.douban.com/tag/战争">战争</a></li>
<li><a href="https://movie.douban.com/tag/恐怖">恐怖</a></li>
<li><a href="https://movie.douban.com/tag/美国">美国</a></li>
<li><a href="https://movie.douban.com/tag/日本">日本</a></li>
<li><a href="https://movie.douban.com/tag/香港">香港</a></li>
<li><a href="https://movie.douban.com/tag/韩国">韩国</a></li>
<li><a href="https://movie.douban.com/tag/中国">中国</a></li>
<li><a href="https://movie.douban.com/tag/中国大陆">中国大陆</a></li>
<li><a href="https://movie.douban.com/tag/英国">英国</a></li>
<li><a href="https://movie.douban.com/tag/法国">法国</a></li>
<li><a href="https://movie.douban.com/tag/台湾">台湾</a></li>
<li><a href="https://movie.douban.com/tag/印度">印度</a></li>
</ul>
</div>
</div>
<div class="mod">
<h2>近期热门......
<span class="pl">
(<a href="#">更多</a>)
</span>
</h2>
<div class="list1 movie-charts">
<ol>
<li>
<a href="https://movie.douban.com/subject/34805219/">饥饿站台</a>
</li>
<li>
<a href="https://movie.douban.com/subject/2364086/">隐形人</a>
</li>
<li>
<a href="https://movie.douban.com/subject/30211998/">绅士们</a>
</li>
<li>
<a href="https://movie.douban.com/subject/34670218/">大赢家</a>
</li>
<li>
<a href="https://movie.douban.com/subject/30182726/">狩猎</a>
</li>
<li>
<a href="https://movie.douban.com/subject/27046758/">逃离比勒陀利亚</a>
</li>
<li>
<a href="https://movie.douban.com/subject/30176393/">误杀</a>
</li>
<li>
<a href="https://movie.douban.com/subject/30401849/">1/2的魔法</a>
</li>
<li>
<a href="https://movie.douban.com/subject/30371819/">热带雨</a>
</li>
<li>
<a href="https://movie.douban.com/subject/30405087/">火口的两人</a>
</li>
</ol>
</div>
</div>
</div>
<div class="main">
<h2>
正在热映 · · · · · ·
<span class="pl"> (
<a href="https://movie.douban.com/showtimes/" target="_self">更多</a>
) </span>
</h2>
<div class="movie-list list">
<ul>
<li>
<div class="pic">
<a href="https://movie.douban.com/subject/30198715/">
<img src="https://i.loli.net/2020/04/10/a2Q69pXrjfiM3dH.jpg" data-origin="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2572746113.webp" alt="吹哨人">
</a>
</div>
<div class="title">
<a href="#">吹哨人</a>
</div>
<div class="rating">
<span class="allstar30"></span>
<i>5.5</i>
</div>
<a href="https://movie.douban.com/subject/30198715/cinema/" class="bn-link bn-ticket">选座购票</a>
</li>
<li>
<div class="pic">
<a href="https://movie.douban.com/subject/30198715/"><img src="https://i.loli.net/2020/04/10/a2Q69pXrjfiM3dH.jpg" data-origin="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2572746113.webp" alt="吹哨人"></a>
</div>
<div class="title">
<a href="#">吹哨人</a>
</div>
<div class="rating">
<span class="allstar30"></span>
<i>5.5</i>
</div>
<a href="https://movie.douban.com/subject/30198715/cinema/" class="bn-link bn-ticket">选座购票</a>
</li>
<li>
<div class="pic">
<a href="https://movie.douban.com/subject/30198715/"><img src="https://i.loli.net/2020/04/10/a2Q69pXrjfiM3dH.jpg" data-origin="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2572746113.webp" alt="吹哨人"></a>
</div>
<div class="title">
<a href="#">吹哨人</a>
</div>
<div class="rating">
<span class="allstar30"></span>
<i>5.5</i>
</div>
<a href="https://movie.douban.com/subject/30198715/cinema/" class="bn-link bn-ticket">选座购票</a>
</li>
<li>
<div class="pic">
<a href="https://movie.douban.com/subject/30198715/"><img src="https://i.loli.net/2020/04/10/a2Q69pXrjfiM3dH.jpg" data-origin="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2572746113.webp" alt="吹哨人"></a>
</div>
<div class="title">
<a href="#">吹哨人</a>
</div>
<div class="rating">
<span class="allstar30"></span>
<i>5.5</i>
</div>
<a href="https://movie.douban.com/subject/30198715/cinema/" class="bn-link bn-ticket">选座购票</a>
</li>
<li>
<div class="pic">
<a href="https://movie.douban.com/subject/30198715/"><img src="https://i.loli.net/2020/04/10/a2Q69pXrjfiM3dH.jpg" data-origin="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2572746113.webp" alt="吹哨人"></a>
</div>
<div class="title">
<a href="#">吹哨人</a>
</div>
<div class="rating">
<span class="allstar30"></span>
<i>5.5</i>
</div>
<a href="https://movie.douban.com/subject/30198715/cinema/" class="bn-link bn-ticket">选座购票</a>
</li>
<li>
<div class="pic">
<a href="https://movie.douban.com/subject/30198715/"><img src="https://i.loli.net/2020/04/10/a2Q69pXrjfiM3dH.jpg" data-origin="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2572746113.webp" alt="吹哨人"></a>
</div>
<div class="title">
<a href="#">吹哨人</a>
</div>
<div class="rating">
<span class="allstar30"></span>
<i>5.5</i>
</div>
<a href="https://movie.douban.com/subject/30198715/cinema/" class="bn-link bn-ticket">选座购票</a>
</li>
<li>
<div class="pic">
<a href="https://movie.douban.com/subject/30198715/"><img src="https://i.loli.net/2020/04/10/a2Q69pXrjfiM3dH.jpg" data-origin="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2572746113.webp" alt="吹哨人"></a>
</div>
<div class="title">
<a href="#">吹哨人</a>
</div>
<div class="rating">
<span class="allstar30"></span>
<i>5.5</i>
</div>
<a href="https://movie.douban.com/subject/30198715/cinema/" class="bn-link bn-ticket">选座购票</a>
</li>
<li>
<div class="pic">
<a href="https://movie.douban.com/subject/30198715/"><img src="https://i.loli.net/2020/04/10/a2Q69pXrjfiM3dH.jpg" data-origin="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2572746113.webp" alt="吹哨人"></a>
</div>
<div class="title">
<a href="#">吹哨人</a>
</div>
<div class="rating">
<span class="allstar30"></span>
<i>5.5</i>
</div>
<a href="https://movie.douban.com/subject/30198715/cinema/" class="bn-link bn-ticket">选座购票</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>