任务一
任务一代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>《中国教育网络》杂志简介</title>
<style>
.div2 {
width: 100%; background: #F0F0F0; height: 120px;
}
.div2 li{
float: left;
width: 33%;
margin: 5px 0px;
}
.div3 p{
text-indent: 2em;
}
.div4{
width:100%;height:160px;margin:10px auto;margin-left:40px;
}
body{
overflow-x: hidden;
}
</style>
</head>
<body>
<div style="background:url(/zw_logo.jpg) no-repeat top left; width:100%; height:80px;text-align:center;">
<h2>《中国教育网络》杂志简介</h2>
<h4>2016-03-03</h4>
</div>
<div class="div2">
<h3>>>推荐阅读</h3>
<ul>
<li>COST论坛“迎新”系列视频讲座</li>
<li>技术应用升级百所高校IPv6蝶变</li>
<li>教育信息化关注“十二五”规划</li>
<br>
<li>2010下一代互联网发展和应用论坛</li>
<li>教育信息化服务器应用突破壁垒</li>
<li>强调应用移动IPv6发展空间</li>
</ul>
</div>
<div class="div3">
<p>2004年12月，《中国教育网络》杂志正式出版发行。经国家新闻出版署、科技部批准,教育部主管,教育部科技发展中心主办，中国教育和科研计算机网(CERNET)承办的国家级权威科技期刊《中国教育网络》正式出版发行。</p>
<p>立足教育网络，服务于教育信息化，《中国教育网络》关注和解读国家信息化发展政策，全面报道中国教育网络建设现状及成就，研究探讨教育网络建设的经验与问题。介绍国际上先进的网络技术、理念,及时报道相关政策及重大事件,广泛反映围绕教育信息化的各种重大应用及重大事件，为领导、专家、师生及技术人员提供借鉴。</p>
<p>依托高校及社会各界的优秀专家，《中国教育网络》突出权威性、政策性、前瞻性，为专家及业界人士提供一个权威的交流与沟通平台。《中国教育网络》已成为中国最具影响力、权威性的专业期刊，是与中国教育信息化同步发展的核心媒体。</p>
</div>
<div class="div4">
<h3>目标</h3>
<p>始终保持教育信息化领域第一品牌的市场地位</p>
<p>是与中国教育信息化同步发展的核心媒体</p>
</dl>
<h3>定位</h3>
<dl>
<dt>中国教育网络领域的综合杂志</dt>
<dd>————全面反映教育网络研究、建设、管理及应用、文化、产业化的成就及重大事件。</dd>
<dt>受人尊敬的专业权威杂志</dt>
<dd>————依托政府、教育界、IT产业界专家，专注于教育网络领域，制作高水准的内容。</dd>
<dt>创新IT媒体服务</dt>
<dd>————以创新、深入的视角报道教育信息化的进展和变化。</dd>
<dt>影响高端人士，成为教育信息化宣传队</dt>
<dd>————服务 于教育网络的研究、建设与使用者，通过对高端人群的影响，确立自己作为教育信息化权威窗口的地位。</dd>
</dl>
<h3>杂志优势</h3>
<p>强有力的政府指导</p>
<p>在教育部及相关部门的指导下，及时准确地传达贯彻教有信息化发展的方针、政策、法规等，保证中国教育网络健康发展，推动教育网络建设与应用。</p>
<p>权威的专家队伍</p>
<p>依托CERNET及教育信息化领域最权威的专家组成的编辑委员会，《中国教育网络》将为读者提供高水准的内容，为工作提供高起点的业务及技术指导。</p>
<p>影响未来的用户群</p>
<p>《中国教育网络》用户群以教育领域从事互联网建设及应用的领导、专家、教师、科研人员为主，在该领域具有强大的影响力。</p>
<p>遍布全国的渠道</p>
<p>依托各地方教委及CERNET,《中国教育网络》将建设遍布全国的记者站，伴随教育网络的建设及拓展，中国教育网络在为读者服务的同时，也将不断壮大自己的渠道网络。</p>
</div>
</body>
</html>
任务一效果
任务二
任务二代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>京东商品导购</title>
<style>
.whole_div{
text-align: center;
width: 100%;
width: 720px;
height: 600px;
margin: 0 auto;
}
.div{
text-align: center;
float:left;
width: 33%;
}
.div img{
height: 150px;
width: 150px;
border:10px groove #9999cc;
margin: 10px auto;
}
</style>
</head>
<body>
<h3 style="text-align:center;font-size:32px;color:red;">京东商品导购</h3>
<div class="whole_div">
<div class="div">
<img src="/image41-1.jpg" alt="1">
</div>
<div class="div">
<img src="/image41-2.jpg" alt="2">
</div>
<div class="div">
<img src="/image41-3.jpg" alt="3">
</div>
<div class="div">
<img src="/image41-4.jpg" alt="4">
</div>
<div class="div">
<img src="/image41-5.jpg" alt="5">
</div>
<div class="div">
<img src="/image41-6.jpg" alt="6">
</div>
</div>
</body>
</html>
任务二效果
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
