web网页设计期末复习题

《web网页设计期末复习题》由会员分享，可在线阅读，更多相关《web网页设计期末复习题（9页珍藏版）》请在装配图网上搜索。

1、. .第一套一、填空题20分每空2分1.RGB色彩模型最多可以表示224种颜色。2.HTML页面的正文应该放在body标记对中。3.下拉列表的列表项应该放在option标记对中。4.三种样式表中，与代码结合最严密的是联。5.Css中填充的属性是padding。6.当页面使用外部样式时，应该在页面的头局部使用link标记。7.伪类用于指定选择符的状态。8.表单可以用两种方式来提交，一是点击提交按钮，二十在脚本中显示表单的submit方法。9.最低公用标准的浏览器文档对象模型中document对象代表窗口显示的html文档。10.w3c DOW 按照ID 获取HTML元素对象的方法是getElem

2、entById()。二、判断题，判断以下说法的对错10分，每题1分1、HTML是一种网页编程语言。 2、HTML不允许交差嵌套。 3、HTML元素的ID属性不能以数字开头。()4、URL地址属于绝对路径。()5、P标记没有默认样式。()6、联元素可以嵌套块元素。()7、border 属性是不能被继承的。()8、JavaScript 只能用于客户端编程.()9、在最低公用标准的浏览器文档对象模型中，不是所有的HTML元素都是对象。()10、W3C DOM是以树形构造表示HTML文档的。三、单项选择题32分，每题2分1、jpg格式图像适用于以下哪种图片.DA.动画 C.公司logoB. 图标 D.

3、人物照片2、以下为联元素(inline element)的是.(B) A. C.B. D. 3、以下不属于input标记的type属性的取值的是.(C) A. text C.defaultB. submit D.button4、以下哪些是表意的元素.(D)A.font C.bB.strike D.strong5、在网页中插入图片正确表示是.(C)A.logo.gif C.B. D. 6、以下可以继承的属性是.(B) A. border C.background-colorB. font-size D.margin7、关于Css中背景属性，设确的是 AA. 不可以对一个元素设置两背景图片C.默认

4、情况下，背景图片不能平铺显示B. 不可以改变背景图片出现的D.不能同时设置背景颜色和背景图片8.在浏览器文档对象模型中，最顶层的对象是.(A)A. window C.locationB. document D.form9、以下事件为系统事件的是.(C) A. onclick C.onloadB. oncharge D.onmouseover10、href是哪个对象的属性 (A)A. location C.formB. submit D.button四、应用题1 如何理解网页效果的不可预知性.浏览器版本、不同的用户平台windows/macintosh/linux/、连接速度、显示器分辨率、用户

5、可能的个性化设置(背风光、关掉图片、关闭弹出窗口、关闭javascript)。2 网页中文字的处理原那么有哪些.原那么尽量使用默认字体微软雅黑、宋体、黑体;特殊字体；以图片的方式处理。以图片方式处理的弊端、图像文本不能自动被翻译成其他语言、不能被搜索引擎索引;中文的最小字号是12px，英文最小可以到9px.3 假设CSS规那么定义如下：PBackground-color:*ccffee;Border 10px solid gray;Padding:10px 20px 30px 40; (上右下左)Width:200px;Margin:20px;那么应用该样式规那么的html文档的p元素所占实际

6、宽度为. 一个元素的实际宽度n 左边界+左边框+左填充+容宽度+右填充+右边框+右边界20+10+40+200+20+10+20=320px4、假定有页面的html代码如下，根据W3C DOM绘出该页面的文档树。 test page 引用标记 NO PAINS NO GAINS htmlheadtitlebodypqClass=whiteNo pain no gains5、最低公用标准的对象模型有什么特点. 最低公用标准的浏览器文档对象模型特点 特点n 是一个最低公用标准，可在所有浏览器下平安使用n 对象按照层次进展组织具有严格的层次构造n 可以操控的对象非常有限n 访问每个对象要从根对象开场

7、五、综合题20分每题10分1、有HTML页面，其布局效果代码如以下列图所示，假定使用table布局的方法，请给出table布局的源代码。为说明具体要求，按照从上到下、从左到右的顺序，5个版块分别标识为top,left,middle,right,bottom, top left middle right bottom 2、页面test.html提供输入用户名和密码的功能，该页面利用JavaScript完成客户端表单校验，即，当用户名或者密码为空时，阻止表单提交，并且弹出一个提示框提醒用户；只有当用户名和密码都不为空时，才能提交表单。请将标号处的代码补全。Test.html代码如下：表单校验Fun

8、ction check()If(document.form1.account.value=)|( document.form1.password.value =)window.alert(用户名密码不能为空!);return false;ElseReturn true;用户名密码sumbit第二套一、填空题1、WEB标准由 W3C 负责制定。2、网页尺寸的选择取决于目标客户显示器分辨率 的预期3、GIF图像格式最多可以表现256 种颜色。4、设置下拉列表的默认选中项，需要设置option标记的selected 属性。5、显示在浏览器窗口的容需要放置 body标记中。6、A标记的 name属性可

9、以标识网页的特定位置。7、CSS的display 属性，可以将块元素和联元素互换。8、selector 指示CSS样式规那么作用于哪些html元素。9、当多个样式规那么发生冲突，如果选择符级别一样，按出现的顺序，后出现 的优先。10、W3C DOM按照ID获取html元素对象的方法是 getElementById()。二、判断题。判断以下说法的对错。1、WEB是以客户端/效劳器模式工作的。 2、虚拟目录的名称应该和实际目录的名称一样。 3、URL地址只能用于表示网页资源。 4、和英文网页相比，中文的字体字号选择的围更宽。 5、HTML的语法比XHTML的语法更为严格 6、HTML元素自身的样式

10、优先于继承而来的样式。 7、CSS不区分大小写 8、所有的CSS属性都可以被继承。 9、一个网页文件只能使用一个外部样式表文件 10、效劳器端编程是指代码在浏览器端执行。 三、单项选择题，请将答案填到括号中1、以下哪个是RGB颜色值的错误表示形式 D*ff0000 C. Red*f00 D. Rgb(ff,00,00)2、URL地址的构成不包括. C协议名 C. 主机地址虚拟目录 D. 资源文件名3、以下哪个标记的默认样式有关于文字字重的设置. BP B.h1 C.a D.span4、以下不是HTML语法要求的是. D双标记必须关闭 B.属性值要使用双引号包含C. 制止穿插嵌套 D.区分大小写

11、5、哪个属性不是HTML元素的公共属性.Bstyle B. type C. id D.class6、以下是单标记的是.Ainput B. head C.td D.div7、以下哪些是表意的元素.Dfont B.strike C.b D.strong8、javascript 中单行注释的符号是.AA / B./*.*/ C. D.*9、document对象代表.CA、表单中的对象 B.HTML文档中显示的所有javascript 函数和方法C.窗口显示的HTML文档 D.Web浏览器窗口10、submit是哪个对象的方法.Ddocument B.window C.location D.form四

12、、应用题1、简述table布局与div+css布局的各自实现原理，以及特点。 表格布局的原理是使用表格的行列来划分区域，然后在单元格放置相应的容。当表格用于布局时，通常要进展一些属性设置。特点：简单、容易理解、适合初学者； 基于div+css的布局原理：使用div划分网页逻辑区域；使用css控制每个div的外观位置以实现网页布局。特点：本身没有样式；是块元素；通常充当容器；要区分各个div，因此通常要使用id属性2、什么事表意的文字元素，什么是表象的文字元素，为什么后者不推荐使用.也有的文献称之为逻辑元素和物理元素表意元素或逻辑元素用来指明文字的性质，如、，虽然有些表现元素也会有默认的特殊样式

13、，但它的意图主要在于描述文字的意思，在上下文中的作用表象元素或物理元素用来指示文字该如何显示，如制定黑体的和指定斜体的。随着Web标准化的实践，网页的容与表现要别离开，因此表象元素或物理元素不再被鼓励使用。3、既然浏览器可以按照图像的正常大小显示，为什么还要设置img标记的width , height 属性.图像指定 height 和 width 属性是一个好习惯。如果设置了这些属性，就可以在页面加载时为图像预留空间。如果没有这些属性，浏览器就无法了解图像的尺寸，也就无法为图像保存适宜的空间，因此当图像加载时，页面的布局就会发生变化。下面的篇幅详细解释了这个观点。4、有表格行列拆分如下，表格宽

14、度500px，边框为1，请给出相应的html源代码，给出.局部即可，写出必要的属性即可，多余的属性不扣分.。第三套一 填空题每题2分，共20分1. 1.网页尺寸的单位是 像素 。2. RGB色彩模型最多可以表示 224种颜色。3. HTML文档的根元素是 html 。4. div 标记通常用来作为容器container.5. Img标记的alt属性用来设置图像的替换文本。/不确定6. Form元素的submit属性指示表单的提交方法。7. 在网页的head局部插入部样式表，需要使用link标记。8. CSS的display属性可以将联元素与块元素互换。9. 有样式规那么pfont-size:1

15、4px;line-height:150%;height:100px，那么相应段落文字的行高应该为14*150%=21。10. 最低公用标准的浏览器文档对象模型中，顶层的对象是window。二 判断题每题一分，共10分1. Web标准是由浏览器厂商统一制定的。2. HTML的本质是纯文本文件。3. 实际制作网页时，对网页的高度要求要严格得多。4. 当前主流的显示器分辨率为800*600. 5. h1的默认样式，margin为0。6. XHTML不区分大小写。7. 同一个外部样式表可以被多个网页所使用。8. 行样式联样式的优先级最高。9. 网页中的JavaScript代码，由浏览器解释执行。10.

16、 JavaScript是基于对象的语言。三 单项选择题20分，每题2分1. title元素应该包含在A元素中。A. head B.body C.div D.table2. 以下不是HTML语法要求的是.DA. 双标记必须关闭B. 制止穿插嵌套C. 属性值要使用双引号包含D. 区分大小写3. 单项选择钮的input标记的type属性的正确取值为.DA.text B.single C.checkbox D.radio4. 下述哪个表示HTML电子链结.BA. 联系我们B.联系我们C.联系我们D.admintest.5. 以下哪个元素已经不再推荐使用.CA. img B.link C.font D.

17、br6. 当表格table用于布局，以下哪个不是常规的属性设置.DA. cellspacing=0” B.border=0” C.cellpadding=0” D.width=100%7. 以下不是伪类的是：CA. hover B.link C.delete D.active8. CSS中定义.outerbackground-color:red的含义是.BA. 网页中某个id=outer的元素，背风光是红色B. 网页中class=outer的元素，背风光是红色C. 网页中元素名为.outer的元素，背风光为红色D. 网页中class=.outer的元素,背风光是红色9. 关于JavaScrip

18、t的语法特点，说确的是CA. 是一种强类型语言B. 需要编译生成可执行的二进制文件cddcccddddddC. 是脚本编程语言D. 不区分大小写10. goD是哪个对象的方法.A. document B.window C.location D.history答案：addbcdcbcd四 应用题30分，每题6分1. 为什么有时在网页中有时以图片的方式来呈现，这样做有什么弊端. 图像文本不能被自动翻译成其它语言；不能被搜索引擎索引。2. 块元素和联元素的特点分别是什么.块：总是独占一行；宽度缺省是它所在容器100%，除非设定一个宽度值；宽度和高度可设。：可以和其他元素共居一行；宽度和高度不可设置(

19、img例外3. 既然浏览器可以按照图像的正常大小显示，为什么还要设置img标记的width、height属性. 图像指定height和width属性是一个好习惯。如果设置了这些属性，就可以在页面加载时为图像预留空间。如果没有这些属性，浏览器无法了解图像的尺寸，也就无法为图像保存适宜的空间，因此当图像加载时，页面的布局就会发生变化。4. 简述最低公用标准浏览器文档对象模型的特点. 最低公用标准的浏览器文档对象模型特点：是一个最低公用标准，可在所有浏览器下平安使用；对象按照层次进展组织具有严格的层次构造；可以操控的对象非常有限；访问每个对象要从根对象开场。5. 假设某HTML页面的文档构造图如下所

20、示 HTML titleh1h2img head bodyaaapimgh2p有样式规那么定义如下：body font-family：黑体； font-size:12px; color:red; font-weight;normal;a font-family:宋体;* font-size:16px;请答复以下问题：A) a链结文字的字体、字号、颜色、字重分别为. 宋体，16px，蓝色，normal，B) h1文字的字体、字号、颜色、字重分别为.黑体，16px，红色 ，normal，C) h2文字的字体、字号、颜色、字重分别为.黑体，16px，红色，normal，五 综合题20分每题10分1.

21、 一站点的目录构造如以下列图所示，根目录为wwwroot，请将空白处代码补全，没空2.5分。请补全以下代码：A. 假定在index.htm中插入图片banana.jpg,如果采用相对路径，代码应该如下：B.假定在index.htm中,有一个链结指向aboutus.htm,如果采用相对路径，代码应该如下：about usC.假定在aboutus.htm中插入图片apple.jpg,如果采用相对路径，代码应该如下：D.假定在aboutus.html中插入图片grape.jpg,代码应该如下：function redirect() /演示如何利用更改location对象的href属性进展页面导航/定义变量 url var url; url=window.document.form1.links.optionswindow.document.form1.links.selectedIndex.value window.location.href=url;请选择站点新浪搜狐教育之通病是教用脑的人不用手，不教用手的人用脑，所以一无所能。教育革命的对策是手脑联盟，结果是手与脑的力量都可以大到不可思议。优选