bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

365
历届学生/fontendsix/项目练习/学生项目/王安民/10-22/task1.html Normal file
View File

@@ -0,0 +1,365 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="../clear.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2881065_ghiwlizl24.css">
<link rel="stylesheet" href="css/public.css">
<link rel="stylesheet" href="css/task1.css">
</head>
<body>
<div class="header">
<ul class=" center nav">
<li class="reset_n">
<i class="iconfont icon-shouye"></i>
<div class="logo"></div>
</li>
<li class="shu"><a href=""></a>新闻</li><a href=""></a>
<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>
<li><a href="">娱乐</a></li>
<li class="more">更多
<i class="iconfont icon-xiala"></i>
<div class="nav_more">
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
</div>
</li>
<li class="reset_n">
<a href="">无障碍</a>
</li>
<li class="reset_n">
<a href="">
<i class="iconfont icon-denglu-copy"></i>
登录
</a>
</li>
</ul>
</div>
<div class="content">
<div class="center ct">
<div class="c_left">
<div class="c_left_user">
<a href="">
<img class="c_left_user_portrait"
src="http://5b0988e595225.cdn.sohucs.com/avatar/picon/2014/04/14/139746392399510175.png"
alt="">
</a>
<a href="">
<p>中国新闻网</p>
</a>
<div class="level">
<img src="img/level.png" alt="">
<img src="img/level.png" alt="">
</div>
<div class="read_information ">
<div>
<p>112万</p>
<span>文章</span>
</div>
<div>
<p>658亿</p>
<span>总阅读</span>
</div>
</div>
<div class="see">查看TA的文章></div>
</div>
<div class="c_left_comment">
<p class="c_line">评论</p>
<img src="./img/comment.png" alt="">
<p class="red">126</p>
</div>
<div class="c_left_share">
<p class="c_line">分享</p>
<ul>
<li>
<img src="img/weixin.png" alt="">
<span>微信分享</span>
</li>
<li>
<img src="img/weixin.png" alt="">
<span>微信分享</span>
</li>
<li>
<img src="img/weixin.png" alt="">
<span>微信分享</span>
</li><li>
<img src="img/weixin.png" alt="">
<span>微信分享</span>
</li>
</ul>
</div>
</div>
<div class="c_center">
<div class="article">
<h2>猪肉价格会继续下降？秋收秋种如何？权威回应来了</h2>
<p class="article_time">2021-10-20 14:30</p>
<img src="img/video.png" alt="">
<p>据农业农村部总农艺师、发展规划司司长曾衍德介绍，今年夏粮量质并增，产量2916亿斤，增加59.3亿斤；早稻实现增产，产量560亿斤，增加14.5亿斤，连续两年增产；秋粮增产已成定局，秋粮面积稳中有增，目前收获已近八成。全年粮食产量将再创历史新高，连续7年保持在1.3万亿斤以上。</p>
<div class="article_bottom">
<div>
<i class="iconfont icon-dianzan"></i>
首赞
</div>
<p>阅读(118万)</p>
</div>
</div>
<div class="allsee">
<div class="allsee_title">
<span>大家都在看</span>
</div>
<ul>
<li>
<img src="https://p6.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211022/9bcd9ba91007454690603df68ae86246.jpeg" alt="">
<p>俄罗斯将不再对华供电？西方国家难掩兴奋，中国态度耐人寻味
</p>
</li>
<li>
<img src="https://p6.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211022/9bcd9ba91007454690603df68ae86246.jpeg" alt="">
<p>俄罗斯将不再对华供电？西方国家难掩兴奋，中国态度耐人寻味
</p>
</li>
<li>
<img src="https://p6.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211022/9bcd9ba91007454690603df68ae86246.jpeg" alt="">
<p>俄罗斯将不再对华供电？西方国家难掩兴奋，中国态度耐人寻味
</p>
</li>
<li>
<img src="https://p6.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211022/9bcd9ba91007454690603df68ae86246.jpeg" alt="">
<p>俄罗斯将不再对华供电？西方国家难掩兴奋，中国态度耐人寻味
</p>
</li>
<li>
<img src="https://p6.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211022/9bcd9ba91007454690603df68ae86246.jpeg" alt="">
<p>俄罗斯将不再对华供电？西方国家难掩兴奋，中国态度耐人寻味
</p>
</li>
<li>
<img src="https://p6.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211022/9bcd9ba91007454690603df68ae86246.jpeg" alt="">
<p>俄罗斯将不再对华供电？西方国家难掩兴奋，中国态度耐人寻味
</p>
</li>
<li>
<img src="https://p6.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211022/9bcd9ba91007454690603df68ae86246.jpeg" alt="">
<p>俄罗斯将不再对华供电？西方国家难掩兴奋，中国态度耐人寻味
</p>
</li>
<li>
<img src="https://p6.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211022/9bcd9ba91007454690603df68ae86246.jpeg" alt="">
<p>俄罗斯将不再对华供电？西方国家难掩兴奋，中国态度耐人寻味
</p>
</li>
<li>
<img src="https://p6.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211022/9bcd9ba91007454690603df68ae86246.jpeg" alt="">
<p>俄罗斯将不再对华供电？西方国家难掩兴奋，中国态度耐人寻味
</p>
</li>
</ul>
</div>
<div class="italk">
<div class="italk_title">
<span>我来说两句</span>
<div class="sunshine">
<img src="img/sun.png" alt="">
<div></div>
<span class="red">126</span>
人参与
<span class="red">126</span>
条评论
</div>
</div>
<div class="italk_content">
<textarea name="" id="" cols="30" rows="10"></textarea>
<div class="italk_bottom">
<span>快速登录</span>
<ul>
<li>
<a href="">
<img src="img/a4.png" alt="">
</a>
</li>
<li>
<a href="">
<img src="img/a4.png" alt="">
</a>
</li>
<li>
<a href="">
<img src="img/a4.png" alt="">
</a>
</li>
<li>
<a href="">
<img src="img/a4.png" alt="">
</a>
</li>
</ul>
<div class="italk_botton">
登录并发表
</div>
</div>
<span class="italk_foot">搜狐“我来说两句” 用户公约</span>
</div>
<div class="hottalk">
<div class="hottalk_title">
<span>热门评论</span>
</div>
<ul>
<li>
<img src="http://p6.itc.cn/q_70/images03/20210916/3dbac0fb3bb847dab1634e3c4ea0a78e.jpeg" alt="">
<div class="hottalk_right">
<p class="hottalk_user">执著</p>
<p>特别是秋收还能增长？种粮食全在北方，北方那么多地区水灾看不到吗？还增产了居然，呵呵！</p>
<div>
<span class="float_left">10月20日 19:52</span>
<span class="hottalk_good float_right">回复
<i class="iconfont icon-dianzan "></i>
2
</span>
</div>
</div>
</li>
<li>
<img src="http://p6.itc.cn/q_70/images03/20210916/3dbac0fb3bb847dab1634e3c4ea0a78e.jpeg" alt="">
<div class="hottalk_right">
<p class="hottalk_user">执著</p>
<p>特别是秋收还能增长？种粮食全在北方，北方那么多地区水灾看不到吗？还增产了居然，呵呵！</p>
<div>
<span class="float_left">10月20日 19:52</span>
<span class="hottalk_good float_right">回复
<i class="iconfont icon-dianzan "></i>
2
</span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="c_right">
<div class="a_search">
<input class="search_t" type="text">
<i class="iconfont icon-sousuo i_search"></i>
</div>
<div class="hot_selected">
<p class="h2_title">热门精选</p>
<div class="Carousel_figure">
<img src="https://p9.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images03/20211023/63b3e35b0c374dc8afa49fa060dd1095.jpeg" alt="">
<i class="iconfont icon-changyong_fanhui left"></i>
<i class="iconfont icon-fanye right"></i>
<p>台独立委 陈柏惟：罢免通过</p>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<ul class="hot_selected_list">
<li>
<img src="https://p3.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211023/7d9a9f6e4f554b4483c62d753f6f66dd.jpeg" alt="">
<p>巩俐被曝将改国籍，直言自己年轻不懂事，...</p>
</li>
<li>
<img src="https://p3.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211023/7d9a9f6e4f554b4483c62d753f6f66dd.jpeg" alt="">
<p>巩俐被曝将改国籍，直言自己年轻不懂事，...</p>
</li><li>
<img src="https://p3.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211023/7d9a9f6e4f554b4483c62d753f6f66dd.jpeg" alt="">
<p>巩俐被曝将改国籍，直言自己年轻不懂事，...</p>
</li>
<li>
<img src="https://p3.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211023/7d9a9f6e4f554b4483c62d753f6f66dd.jpeg" alt="">
<p>巩俐被曝将改国籍，直言自己年轻不懂事，...</p>
</li>
</ul>
</div>
<div class="hot24">
<p class="h2_title">24小时热文</p>
<ul>
<li>
<div class="hot24_left">
<img src="https://p0.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images03/20211023/98d7e48c1394432b8ca1f0d2cd33c6c0.jpeg" alt="">
<div>1</div>
</div>
<div class="hot24_right">
<p>男子按摩后狂吐，一查竟是脑梗死…医生：这地方别乱按！</p>
<span>268万 阅读</span>
</div>
</li>
<li>
<div class="hot24_left">
<img src="https://p0.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images03/20211023/98d7e48c1394432b8ca1f0d2cd33c6c0.jpeg" alt="">
<div>2</div>
</div>
<div class="hot24_right">
<p>男子按摩后狂吐，一查竟是脑梗死…医生：这地方别乱按！</p>
<span>268万 阅读</span>
</div>
</li>
<li>
<div class="hot24_left">
<img src="https://p0.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images03/20211023/98d7e48c1394432b8ca1f0d2cd33c6c0.jpeg" alt="">
<div>3</div>
</div>
<div class="hot24_right">
<p>男子按摩后狂吐，一查竟是脑梗死…医生：这地方别乱按！</p>
<span>268万 阅读</span>
</div>
</li>
<li>
<div class="hot24_left">
<img src="https://p0.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images03/20211023/98d7e48c1394432b8ca1f0d2cd33c6c0.jpeg" alt="">
</div>
<div class="hot24_right">
<p>男子按摩后狂吐，一查竟是脑梗死…医生：这地方别乱按！</p>
<span>268万 阅读</span>
</div>
</li>
<li>
<div class="hot24_left">
<img src="https://p0.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images03/20211023/98d7e48c1394432b8ca1f0d2cd33c6c0.jpeg" alt="">
</div>
<div class="hot24_right">
<p>男子按摩后狂吐，一查竟是脑梗死…医生：这地方别乱按！</p>
<span>268万 阅读</span>
</div>
</li>
<li>
<div class="hot24_left">
<img src="https://p0.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images03/20211023/98d7e48c1394432b8ca1f0d2cd33c6c0.jpeg" alt="">
</div>
<div class="hot24_right">
<p>男子按摩后狂吐，一查竟是脑梗死…医生：这地方别乱按！</p>
<span>268万 阅读</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>