您的位置:首页 > 其它

第八章上机练习1 老师答案

2016-10-21 14:53 274 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>经济半小时专题报道页面</title>
<link href="css/adver.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="adverContent">
<div id="cctv">
<dl class="cctv2">
<dt><img src="image/adver-02.jpg" alt="经济半小时" /></dt>
<dd>
<p>2009年春节期间,中央电视台财经频道《经济半小时》栏目重磅推出春节特别节目“2009民生报告”,通过小人物的真实故事回顾2009热点民生话题。在2010年2月20日播出的“2009民生报告(七):安身立业”中,将目光聚焦农村进城务工人员的新生代——80后、90后农民工,其中重点讲述了北大青鸟学员<span>王洪贤、胡梅方</span>的成长经历。</p>
<a href="#"><img src="image/btn-01.gif" alt="按钮" /></a></dd>
</dl>
<div class="stu01">
<dl>
<dt><img src="image/adver-03.jpg" alt="学员照片" /></dt>
<dd>
<p><span>王洪贤</span>,北大青鸟APTECH授权培训中心学员,来自江西九江。为生计所迫,随父亲到北京打工。来到北大青鸟后,王洪贤慢慢恢复了对自己前途的信心。现在,王洪贤已经成为北京一家大型技术服务公司的网络工程师。</p>
</dd>
</dl>
</div>
<div class="stu02">
<dl>
<dt><img src="image/adver-04.jpg"  alt="学员照片" /></dt>
<dd>
<p><span>胡梅方</span>,北大青鸟APTECH授权培训中心学员,来自湖北襄樊。经过在北大青鸟系统的职业技能培训,胡梅方成为深圳一家信息企业的专业IT网络工程师。</p>
</dd>
</dl>
</div>
</div>
</div>
</body>
</html>

@charset "gb2312";
/* CSS Document */
p,dl,dt,dd{padding:0px; margin:0px;}
img{border:0px;}
#adverContent {
width:736px;
height:559px;
border:1px #c6c6c6 solid;
margin:0px auto;
overflow:hidden;
}
#cctv {
width:736px;
height:559px;
overflow:hidden;
background:url(../image/adver-01.jpg) center 5px no-repeat;
position:relative;
}
#cctv .cctv2 {
width:628px;
margin:0px auto;
padding-top:80px;
height:200px;
overflow:hidden;
}
#cctv .cctv2 dt {
float:left;
width:285px;
}
#cctv p {
font-size:12px;
line-height:22px;
text-indent:2em;
font-family:"微软雅黑";
}
#cctv p span{font-weight:bold; color:#F00;}
#cctv .cctv2 dd img {
margin-top:10px;
display:inline;
}
#cctv .stu01 dl, #cctv .stu02 dl {
height:135px;
overflow:hidden;
border:1px #d1d1d1 solid;
background-color:#FFF;
padding:5px;
}
#cctv .stu01 {
padding:0px 0px 0px 50px;
width:500px;
}
#cctv .stu02 {
position:absolute;
right:30px;
bottom:10px;
width:440px;
}
#cctv .stu01 dt, #cctv .stu02 dt {
float:left;
width:203px;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: