网页设计与制作试卷样题

徐州工程学院试卷

（本样题均与考试内容无重复）

一、填空题(本大题共10小题，每空1分，共20分)

1．网页中外链的CSS时，标签使用，用属性来指明文件来源。

2．一般情况下，电子商务网站由，和等三部分组成。

3．修饰文字时，加粗文字的标记是，变斜标记是，给文字加下划线的标记是。 ??

二、问答题（本大题共3小题，每1小题5分，共15分）

1. 在CSS布局中，position属性有哪几个值，各代表什么含义？ ??

三、代码分析题（本大题共2小题，每1小题15分，共30分）

1、分析以下代码，按要求写出指定代码含义。

缴费凭证上传（1）、

（2）、
姓名：汇出行：汇出日期：图片文件：说明： <input name=\ /> </p><p> <input name=\ </center> </form> </body> </html> </p><p>分别写出标有（1）、（2）、（3）、（4）、（5）句的含义，要求解释每个标记，标记里含有的属性必须说明其作用。 </p><p> </p><p>《网页设计与制作》试卷样题第 1 页共 4 页 </p><p>徐州工程学院试卷 </p><p> </p><p>2、分析以下代码，按要求画出代码输出的界面。 </p><p><!DOCTYPE html PUBLIC \w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\<html xmlns=\<head> </p><p><meta http-equiv=\<title>div的清除属性</title> <style type=\*{margin:0px; padding:0px; } </p><p>.all{width:400px; height:170px; </p><p> background-color:#CCCCCC; margin:0px auto; } </p><p>.one,.two,#three_1,#three_2,#three_3,#three_4{width:120px; height:50px; </p><p> background-color:#eee; border:1px solid #000; } </p><p>.one{float:left;} .two{float:right;} #three_1{clear:none;} #three_2{clear:both;} #three_3{clear:right;} #three_4{clear:left;} </style></head> <body> </p><p><div class=\</p><p> <div class=\第1个div</div> <div class=\第2个div</div> </p><p> <div id=\第3个div（clear:none;）</div> </div> </p><p><div class=\</p><p> <div class=\第1个div</div> <div class=\第2个div</div> </p><p> <div id=\第3个div（clear:both;）</div> </div> </body> </html> </p><p> </p><p>《网页设计与制作》试卷样题第 2 页共 4 页 </p><p>徐州工程学院试卷 </p><p>四、代码补全题（本大题共1小题，每1小题15分，共15分） </p><p> </p><p>1．根据已知代码，把以下代码中的划线部分空缺处的内容补充完整。 <!DOCTYPE html PUBLIC \http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\<html> <head> </p><p><meta http-equiv=\<title>上机练习2</title> </p><p> （1） <body> <p> </p><p>< （2） =\宝马标志.jpg\</p><p>< （3） =\给编辑发邮件</a> </p> </p><p> （4） =\现身环保目录四驱版宝马750Li将进口</h2> </p><p><p> 2010款宝马7系将增加采用xDrive四驱技术的新车款，这是宝马首次为其旗舰车型提供全轮驱动系统。在环保部发布的最新一批“型式核准证书”中，我们看到了BMW 750Li xDrive KC81轿车的身影，这意味着四驱版宝马750Li的引进已被证实。</p> （5） =\宝马6.jpg\<p> 宝马的xDrive全轮驱动系统，能够迅速改变前后轴的扭矩分布状态，提供更好的行车稳定性及安全性。xDrive系统的可调幅度较广，能通过自动计算转弯时转向不足或转向过度的情况，将最合适的扭力分配给需要的车轮。</p> </body> </html> </p><p>五、代码设计题（本大题共1小题，每1小题20分，共20分） </p><p>1、试设计一个介绍旅游景点的网页，下图为浏览器中网页页面的布局，请写出完整的代码。要求： </p><p>（1）布局使用DIV； </p><p>（2）页面文字用CSS定调，要求至少确定文字大小、字体、颜色等； </p><p>（3）顶部至少有一个图片，点击后仍访问本页，本页文件名为lvyou.html； </p><p>（4）导航栏至少有三个链接，竖向排列，均无下划线，当鼠标指向时链接颜色改变，并加下划线；（5）正文包含一个图片，至少二十个介绍文字；（6）对齐方式等其他内容自定。 </p><p> </p><p>《网页设计与制作》试卷样题第 3 页共 4 页 </p><p></p><div class="page"><ul><li><a href=lhd_132v61nhgb47hq70zb090vngk58yua010ct_1.html class="hover" >1</a></li><li><a href=lhd_132v61nhgb47hq70zb090vngk58yua010ct_2.html>2</a></li></ul></div></div> <div style="margin:0 auto;text-align:center;overflow:hidden"></div> <div class="hm-t-main"> <div class="hm-t-header"><h4><a rel="nofollow" target="_blank" href="/mlhdl_132v61nhgb47hq70zb090vngk58yua010ct.html">下载：网页设计与制作试卷样题.doc</a></h4></div> </div> <div class="nlt new"><div id="hm_t_19094"><div class="hm-t-container"><div class="hm-t-main"><div class="hm-t-header"><h4>最近浏览</h4></div> <ul class="hm-t-list hm-t-list-txt"> <li><a title="儿科总复习题" href=mlhd_2uwsa8fvvr6h1tx45fjn_4.html>儿科总复习题</a></li><li><a title="《骑鹅旅行记》话题交流" href=mlhd_11dyb5c28c9o8y29xxj2_1.html>《骑鹅旅行记》话题交流</a></li><li><a title="《公共财政学》习题集(兰州商学院)" href=mlhd_7809511fu63gzju6v8pv_4.html>《公共财政学》习题集(兰州商学院)</a></li><li><a title="护理知识竞赛题库(带答案)" href=mlhd_7bn6150o4x2mdyx423a46cyp27lzc201bon_1.html>护理知识竞赛题库(带答案)</a></li><li><a title="汉语言文学专业函授本科先秦两汉散文答案" href=mlhd_7rsnm7kglr4mu7526k929d31q9p6am00e9y_4.html>汉语言文学专业函授本科先秦两汉散文答案</a></li><li><a title="第一节医院运行基本监测指标概要" href=mlhd_9khtp73sa077t6k14pg60zn011onzd01aid_1.html>第一节医院运行基本监测指标概要</a></li><li><a title="《艺术学概论》知识点超经典总结" href=mlhd_2gtby9kerb3z01x0bvw21wxgu8k8be00nhi_1.html>《艺术学概论》知识点超经典总结</a></li><li><a title="环保项目计划书" href=mlhd_4hs738619m3bj0w6iip07zlrl1bk8m012yr_3.html>环保项目计划书</a></li><li><a title="化学分析习题册" href=mlhd_0kt219d2vb3qhtz4wkaw_5.html>化学分析习题册</a></li><li><a title="病理生理学复习题" href=mlhd_5mh6w1glth6ehs64cpb2_4.html>病理生理学复习题</a></li> </ul></div><div style="margin:0 auto;text-align:center;"><br> </div></div></div></div> <div class="nlt new"><div id="hm_t_19094"><div class="hm-t-container"><div class="hm-t-main"> <div class="hm-t-header"><h4>最新搜索</h4></div> <ul class="hm-t-list hm-t-list-txt"> <li><a title="宏观经济学试题库及答案" href="mlhs_i33r7mp1rllai1yrmdu54iojgjuod0klk_1.html">宏观经济学试题库及答案</a></li><li><a title="五年级数学:整数、小数四则混合运算和应用题(14课时)" href="mlhs_fisinop0nk1ci1y01mk1gk1c9hdi6nk1ch5ng7tlpzglkseooevgp8iokn54u5401401d01grnik52015_1.html">五年级数学:整数、小数四则混合运算和应用题(14课时)</a></li><li><a title="《汽车理论》清华大学余志生版_期末考试复习题" href="mlhs_9hmlfhsbqmx2rlm9hnlqdggehlzi1yfo9ixjn4vmko02nkdbkdnpabrmdhl9fhcu54_1.html">《汽车理论》清华大学余志生版_期末考试复习题</a></li><li><a title="河北省南宫市奋飞中学2020学年高二政治下学期第三次月考试题" href="mlhs_lgzgevni9ggni3vikihmzu72ffxi1y01e01c01e01ci1yinoul4fikjzzlh7fezi1ykdbobwfexl5tkcopabrmdu54_1.html">河北省南宫市奋飞中学2020学年高二政治下学期第三次月考试题</a></li><li><a title="2017年硕士研究生入学考试测量学考试大" href="mlhs_01e01c01d01jinonrphkbnpwo6un4vg2ti1ypabrmdll7ssvi1ypabrmdhlz_1.html">2017年硕士研究生入学考试测量学考试大</a></li><li><a title="古典诗歌鉴赏分类训练导学案" href="mlhs_gkkg3crmfl70sxgrwvg7aol7rl9p1fi64i1yklk_1.html">古典诗歌鉴赏分类训练导学案</a></li><li><a title="金刚亥母修法" href="mlhs_ssxg7ufj9lalfselhx_1.html">金刚亥母修法</a></li><li><a title="基于PLC控制的全自动物料分拣系统设计" href="mlhs_hdmfim02802401vjong8mnesg2wpnugbsmllk2hg7ajj7oorp27rlqrkx_1.html">基于PLC控制的全自动物料分拣系统设计</a></li><li><a title="基于核心素养的学生反思习惯之培养策略" href="mlhs_hdmfimkl4iwzopsg3fnesi1yn4vgjxizhfhcj5bfgrhdlg3fod2n6t_1.html">基于核心素养的学生反思习惯之培养策略</a></li><li><a title="中小学教师继续教育心理健康通识公共课考试" href="mlhs_ffxi6ni1yk0pikop2fp2lk0ppf6iwzmx2fvpipjsgqrlyg30g35rnipabrmd_1.html">中小学教师继续教育心理健康通识公共课考试</a></li></ul></div></div></div></div> <div class="search"> <form style="display: inline;" id=f1 name=f1 method="POST" onSubmit="javascript:c();return false;"> <div class="p_searchinputbox"> <div class="p_search_seclet"><h3 id="j_searchType">站内搜索</h3></div><p> <input type="text" autocomplete="off" maxlength="38" name="word" placeholder class="searchinput"></p> <input type="submit" class="searchsubmit" onclick="javascript:c();return false;"></div> </form> </div> <div id="ft"> <a href="javascript:history.go(-1)"><span class="backPrevPage" style=""></span></a> <a href="javascript:pageScroll();"><span id="backTop"></span></a> <div class="bx1"> <span class="pc_ver"> <a href="#" onClick="javascript:setCookie('gotoweb', 'true', 1);window.location.href=window.location.href.replace('//m.','//www.').replace('/m','/')">电脑版</a> </span> <span class="info"> <a href="about.asp?id=3" target="_blank"><strong>关于南京廖华答案网</strong></a> </span> </div> <div class="bx2"><span id=bb></span>联系客服：779662525#qq.com(#替换为@) <a href="https://beian.miit.gov.cn/" target="_blank" class="text">苏ICP备20003344号-4</a></div> </div> </div> <script type="text/javascript">function go2(id){window.location.href='http://m.35331.cn/mlhdl_'+id+'.html';}</script> <script src="css/jquery.min.js"></script> </body></html>