Web前端开发技术第三版课后练习答案

P16-第1章 练习与实验答案 练习1 1.选择题 (1)B (2)D (3)B (4)B (5)D (6)A 2.填空题 (1)标记、文本 (2)Tim Berners-Lee（蒂姆·伯纳斯·李） (3)查看 (4)NotePad、EditPlus、TextPad、TopStyle、UltraEdit等 (5)超文本标记语言、统一资源定位符（器）、层叠样式表（级联样式表）、异步JavaScript和XML (6)IE、Firefox、Chrome、opera、UCWEB等 3简答题 见教材。

实验1 略

P32-第2章 练习与实验答案 练习2 1.选择题 (1)B (2)D (3)A (4)B (5)A (6)B

2.填空题 (1)html、htm，index.html、default.html (2)、 (3)单、双，双，开始（首）、结束（尾） (4)头部(head)、主体(body)。Body、head (5) 严格型（Strict）、过渡型（Transitional）、框架型（Frameset）、

3．简答题 见教材。

实验2 1.代码

P46-第3章 练习与实验答案 练习3 1.选择题 (1)A (2)A (3)C (4)C (5)B (6)A (7)B (8)B (9)D (10)A 2.填空题 (1)body、title (2)、 (3)、 (4)、 (5)

实验3 1.代码

    感谢您在百忙之中启阅我的自荐材料！相信此刻的停留不会让您失望！

    我是计算机专业的本科毕业生。经过将近四年的大学学习和锻炼，与同龄人一样，我即将走上工作岗位，通过社会来证实自己的知识和能力。为了找到一份符合自己特长和兴趣的工作，更好地发挥自己的才能，实现自己的人生价值，我冒昧地写下这封信，希望能得到您的认可，能为贵公司服务。

P57-第4章 练习与实验答案 练习4 1.选择题 (1)C (2)D (3)B (4)B (5)C (6)D 2.填空题 (1) 添加列表项值 (2)无序列表、有序列表 (3)start、整形数值、value 3.问答题 见教材。

实验4 1.代码

P70-第5章 练习与实验答案 练习5 1.选择题 (1)D (2)C (3)B (4)C (5)B (6)A (7)B

2.填空题 (1) href=“mailto:[email protected]” (2) name、“#target1” (3)绝对路径、相对路径、根路径。相对、根路径，绝对。 (4) 中国教育网 3.问答题 见教材。

实验5 1.代码

P85-第6章 练习与实验答案 练习6 1.选择题 （1）D （2）A （3）D（4）B 2.填空题 （1）、， （2）border=“0” （3）矩形；圆形；多边形。 3.简答题 （1）设置滚动空白空间就是指滚动文字背景和它周围文字及图像之间的空白空间范围。默认情况下，滚动对象周围的文字或图像是与滚动背景紧密连接的，使用hspace和vspace可以设置它们之间的空白空间。 （2） Width设置宽度 height设置高度 alt替换文本

实验6 1、源代码如下所示：

PNG，图像文件存储格式，其目的是试图(原来此处使用了"企图")替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。

PNG使用了从LZ77派生的一个非专利无失真式压缩算法（名为deflation）。这个算法对图像里的直线进行预测然后存储颜色差值，这使得PNG经常能获得比原始图像甚至比GIF更大的压缩率。但也有一些软件不能使用适合的预测而造成过分臃肿的PNG文件。

PNG使用了从LZ77派生的一个非专利无失真式压缩算法（名为deflation）。这个算法对图像里的直线进行预测然后存储颜色差值，这使得PNG经常能获得比原始图像甚至比GIF更大的压缩率。但也有一些软件不能使用适合的预测而造成过分臃肿的PNG文件。

PNG使用了从LZ77派生的一个非专利无失真式压缩算法（名为deflation）。这个算法对图像里的直线进行预测然后存储颜色差值，这使得PNG经常能获得比原始图像甚至比GIF更大的压缩率。但也有一些软件不能使用适合的预测而造成过分臃肿的PNG文件。

P106-第7章 练习与实验答案 练习7 1.选择题 (1) A (2) C (3) D (4) A (5) D (6) D 2.填空题 (1) id,class (2) link,href;style,@import url(“外部样式文件名”); (3) .css 3.问答题 见教材。

实验7 1.代码

P118-第8章 练习与实验答案 练习12 1.选择题 （1）C （2）A （3）B （4）C （5）A 2.填空题 （1）

海纳百川，有容乃大

P146-第9章 练习与实验答案 练习9 1.选择题 (1) D (2)B (3) D (4) A (5) C 2.填空题 (1)text-indent；text-align:center; (2)background-repeat:repeat-x;background-position。 (3) red或RGB(100%,0,0)、rgb(255,0,0)、#FF0000、#F00 (4) 边框为2像素、双实线、红色。 3.问答题 见教材。 实验9 2、源代码： ------------------- exp_9_1.html -----------------

2．

Mobile Widget使用的标准的Web技术，如HTML，CSS，javascript等。这些经典的Web技术规范是由W3C（万维网联盟）的下属各个工作组制定并推进的。作为开发Widget之前的知识准备，在本章中我们将逐一介绍这些技术。

P168-第10章 练习与实验答案 练习12 1.选择题 （1）B （2）A （3）C （4）D （5）A 2.简答题 （1）略 (2) display: none让对象不显示，原来不存在。 display:block—作用是显示特定对象；visibility: visible—作用是让特定对象可视（说明原来就存在，只是不可视），对使用visibility: hidden : 可以让对象隐藏起来。 实验12 3、源代码： HTML文件

Copyrights 2015-2020 Web前端开发工作室© All rights reserved. 中国江苏

CSS文件 /* exp_10_1.css / / 应用对象：edu_10_1.html*/

body { font-family:Verdana; font-size:16px; margin:0; text-align:center; } h4{float:left;margin:45px auto;padding-left:50px;} p{margin:2px;font-size:14px; } #Container {margin:0 auto; width:900px; } #Header { height:118px; border-bottom:5px; background-color:rgb(230,230,230); border-bottom:5px solid #FFFFFF; } #PageBody { height:380px; border-bottom:5px solid #FFFFFF; } #SideBar { float:left; width:200px; height:380px; background:#Dff100; text-align:center; padding:50px auto; border-right:5px solid #FFFFFF; } #MainBody { float:right; width:695px; height:380px; background:#cff000; } #Footer { height:60px; background-color:rgb(230,230,230); text-align:center; font-family:“Courier New”; font-size:12px; padding-top:10px; } #Header img{ float:left; } span{margin-top:45px;width:50px;height:30px;font-size:20px;font-family:“华文新魏”;padding:45px 10px; vertical-align:middle;text-align:center; }

a{width:48px;height:24px; font-size:20px; font-family:“华文新魏”; text-align:center; } ul{list-style-type:none;margin:0px;padding:35px;text-align:center;} li{ width:50px;height:30px; font-size:20px; font-family:“华文新魏”; padding:10px 35px; } h3{text-align:center;color:red;font-size:24px; background:#CFF000;padding:6px auto;} a:link,a:visited,a:active{text-decoration:none;display:block; } a:hover{border-bottom:2px solid #FF0000;background:#55A0FF;color:#FFFFFF;} 2．Exp_10_2.html

P189-第11章 练习与实验答案 练习11 1.选择题 （1）B （2）D （3）D （4）B （5）D （6）B 2.填空题 (1)

P208-第13章 练习与实验答案 练习13 1.选择题 (1)D (2)C (3)B (4)C (5)A 2.填空题 (1)post、get (2)浏览器、服务器 (3)、name、size、multiple (4)textarea、rows、cols (5)reset、submit、button (6)不相同、不相同；相同、不相同 (7)checked、selected (8)fieldset、legend 实验13 6、源代码：

附录A 模拟试卷参考答案 一、选择题（每题1分,共30分）

题号 1 2 3 4 5 6 7 8 9 10 答案 A D B B D C D A D D 题号 11 12 13 14 15 16 17 18 19 20 答案 D C C C C D A C B B 题号 21 22 23 24 25 26 27 28 29 30 答案 A B B D B C D A A D

二、填空题（每空1分，共20分） （1） 单 （2） 双 （3） © （4） face （5） size （6） _blank （7） 课程成绩表 （8） body|主体 （9） button （10） . (点) （11） # （12） var today=new Date(); （13） 0-100 （14） 内部样式表 （15） 导入样式表 （16） 链入样式表 （17） （18） rowspan （19） src （20） circle 三、看图填充程序（每空2分，共36分） （1） 欢迎学习Web客户端编程 （2） alert(“Web客户端编程很好学！”); （3）

附录 模拟试卷2参考答案

一、选择题（每题1分,共30分） 题号 1 2 3 4 5 6 7 8 9 10 答案 D C B A A B C D A D 题号 11 12 13 14 15 16 17 18 19 20 答案 B D C A B D C A B D 题号 21 22 23 24 25 26 27 28 29 30 答案 C C A D C B B C A D

二、填空题（每空1分，共20分） （1） （2） （3） sum+=1/(2*n-1) （4） face|size （5） size | face （6） 5 （7） 外部链接 （8） （9） file （10） 属性 （11） [属性]值 （12） join(“-”) （13） 十六进制 （14） 标记样式 （15） 类样式 （16） id样式 （17） 4 （18） # （19） -300 （20） 2014 三、看图填充程序（每空2分，共36分） （1） align=“center” （2）      （3） font-size:28px （4） margin:0 auto （5） name=“rigtiframe” （6） target （7） middle （8） font-weight （9） bordercolor （10） align=“center” （11） colspan=“3” （12） class=“red” （13） src=“sum_factorial.js” （14） readonly （15） type=“button” （16） sum=sum+result |sum+=result （17） compute_sum(n) （18） sum （19） transform:scale （20） transform:skew （21） transform:matrix （22） vertical-align:top （23） id=“div3” 注：属性或属性值单词写错的必须扣分，但如果赋值语句中属性名或属性值写对适当给分，最多给本题分数的一半。

四、编程题（每题6分，共12分）（超出页面转反面） 1．表单编程（6分）。

评分参考：单选择钮type属性值赋值错误适当扣分；文本域标记使用错误扣1分；其它参照评分标准适当计扣。 2．JavaScript编程

评分参考：四种定义每少一种扣1分，每写一种计1分。

3．举例说明window对象中常用的消息框函数。（3分） 答：window对象常用的消息框函数有点3个： (1)alert(“告警信息！”); (1分) (2)confirm(“确认吗？”) (1分) (3)prompt(“提示信息”,默认值) (1分)