HTML第八章上机练习1

来源：互联网发布：竹书纪年知乎编辑：程序博客网时间：2024/05/26 22:59

<!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="textml; charset=gb2312" /><title>经济半小时专题报道页面</title><link href="Untitled-9.css" rel="stylesheet" type="text/css" /></head><body><div id="a"> <div id="aa"><dl class="aaa"> <dt><img src="adver-02.jpg" alt="经济半个球" /></dt><dd> <p>2009年春节期间,中央电视台财经频道《经济半小时》栏目重磅推出春节特别节目“2009民生报告”,通过小人物的真实故事回顾2009热点民生话题。在2010年2月20日播出的“2009民生报告（七）：安身立业”中，将目光聚焦农村进城务工人员的新生代——80后、90后农民工，其中重点讲述了北大青鸟学员<span>王洪贤、胡梅方</span>的成长经历。</p>        <a href="#"><img src="btn-01.gif" alt="按钮" /></a></dd></dl><div class="stu01"><dl><dt><img src="adver-03.jpg" alt="学员照片" /></dt><dd><p><span>王洪贤</span>北大青鸟APTECH授权培训中心学员，来自江西九江。为生计所迫，随父亲到北京打工。来到北大青鸟后，王洪贤慢慢恢复了对自己前途的信心。现在，王洪贤已经成为北京一家大型技术服务公司的网络工程师。</p></dd></dl></div><div class="stu02"><dl><dt><img src="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;}#a {width:736px;height:559px;border:1px #c6c6c6 solid;margin:0px auto;overflow:hidden;}#aa{width:736px;height:559px;overflow:hidden;background:url(adver-01.jpg) center 5px no-repeat;position:relative;}#aa .aaa {width:628px;margin:0px auto;padding-top:80px;height:200px;overflow:hidden;}#aa .aaa dt {float:left;width:285px;}#aa p {font-size:12px;line-height:22px;text-indent:2em;font-family:"微软雅黑";}#aa p span{font-weight:bold; color:#F00;}#aa .aaa dd img {margin-top:10px;display:inline;}#aa .stu01 dl, #aa .stu02 dl {height:135px;overflow:hidden;border:1px #d1d1d1 solid;background-color:#FFF;padding:5px;}#aa .stu01 {padding:0px 0px 0px 50px;width:500px;}#aa .stu02 {position:absolute;right:30px;bottom:10px;width:440px;}#aa .stu01 dt, #aa .stu02 dt {float:left;width:203px;}

0 0