1、web网页设计期末复习题第一套一、填空题（20分 每空2分）1.RGB色彩模型最多可以表示（ 224 ）种颜色。2.HTML页面的正文应该放在（ body ）标记对中。3.下拉列表的列表项应该放在（ option ）标记对中。4.三种样式表中，与代码结合最紧密的是（ 内联 ）。5.Css中填充的属性是（padding ）。6.当页面使用外部样式时，应该在页面的头部分使用（ link ）标记。7.（ 伪类 ）用于指定选择符的状态。8.表单可以用两种方式来提交，一是点击提交按钮，二十在脚本中显示表单的（ submit ）方法。9.最低公用标准的浏览器文档对象模型中（document ）对象代表窗口
2、显示的html文档。10.w3c DOW 按照ID 获取HTML元素对象的方法是（ getElementById() ）。二、判断题，判断以下说法的对错（10分，每题1分）1、HTML是一种网页编程语言。 （）2、HTML不允许交差嵌套。 （）3、HTML元素的ID属性不能以数字开头。()4、URL地址属于绝对路径。()5、P标记没有默认样式。()6、内联元素可以嵌套块元素。()7、border 属性是不能被继承的。()8、JavaScript 只能用于客户端编程.()9、在最低公用标准的浏览器文档对象模型中，不是所有的HTML元素都是对象。()10、W3C DOM是以树形结构表示HTML文档
3、的。（）三、单选题（32分，每题2分）1、jpg格式图像适用于以下哪种图片？（D）A.动画 C.公司logoB. 图标 D.人物照片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-colo
4、rB. font-size D.margin7、关于Css中背景属性，设法正确的是 （A）A. 不可以对一个元素设置两张背景图片C.默认情况下，背景图片不能平铺显示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四、应用
5、题1 如何理解网页效果的不可预知性？浏览器版本、不同的用户平台（windows/macintosh/linux/）、连接速度、显示器分辨率、用户可能的个性化设置(背景色、关掉图片、关闭弹出窗口、关闭javascript)。2 网页中文字的处理原则有哪些？原则尽量使用默认字体微软雅黑、宋体、黑体;特殊字体；以图片的方式处理。以图片方式处理的弊端、图像文本不能自动被翻译成其他语言、不能被搜索引擎索引; 中文的最小字号是12px，英文最小可以到9px.3 假设CSS规则定义如下：P Background-color:#ccffee; Border 10px solid gray; Padding:1
6、0px 20px 30px 40; (上右下左) Width:200px; Margin:20px;则应用该样式规则的html文档的p元素所占实际宽度为？ 一个元素的实际宽度 左边界+左边框+左填充+内容宽度+右填充+右边框+右边界20+10+40+200+20+10+20=320px4、假定有页面的html代码如下，根据W3C DOM绘出该页面的文档树。 test page 引用标记 NO PAINS NO GAINS 5、最低公用标准的对象模型有什么特点？ 最低公用标准的浏览器文档对象模型特点 特点 是一个最低公用标准，可在所有浏览器下安全使用 对象按照层次进行组织具有严格的层次结构 可以
7、操控的对象非常有限 访问每个对象要从根对象开始五、综合题20分（每题10分）1、已知有HTML页面，其布局效果代码如下图所示，假定使用table布局的方法，请给出table布局的源代码。（为说明具体要求，按照从上到下、从左到右的顺序，5个版块分别标识为top,left,middle,right,bottom,） top left middle right bottom 2、页面test.html提供输入用户名和密码的功能，该页面利用JavaScript完成客户端表单校验，即，当用户名或者密码为空时，阻止表单提交，并且弹出一个提示框提醒用户；只有当用户名和密码都不为空时，才能提交表单。请将标号处
8、的代码补全。Test.html代码如下：表单校验Function check()If(document.form1.account.value=” ”)|( document.form1.password.value =” ”)window.alert(“用户名密码不能为空!”);return false; Else Return true;用户名密码sumbit第二套一、填空题1、WEB标准由（ W3C ）负责制定。2、网页尺寸的选择取决于目标客户显示器（分辨率 ）的预期3、GIF图像格式最多可以表现（256 ）种颜色。4、设置下拉列表的默认选中项，需要设置option标记的（selecte
9、d ）属性。5、显示在浏览器窗口的内容需要放置（ body）标记中。6、A标记的（ name）属性可以标识网页的特定位置。7、CSS的（display ）属性，可以将块元素和内联元素互换。8、（selector ）指示CSS样式规则作用于哪些html元素。9、当多个样式规则发生冲突，如果选择符级别相同，按出现的顺序，（后出现 ）的优先。10、W3C DOM按照ID获取html元素对象的方法是（ getElementById()）。二、判断题。判断以下说法的对错。1、WEB是以“客户端/服务器”模式工作的。 （ ）2、虚拟目录的名称应该和实际目录的名称相同。 （ ）3、URL地址只能用于表示网页
10、资源。 （ ）4、和英文网页相比，中文的字体字号选择的范围更宽。 （ ）5、HTML的语法比XHTML的语法更为严格 （ ）6、HTML元素自身的样式优先于继承而来的样式。 （ ）7、CSS不区分大小写 （ ）8、所有的CSS属性都可以被继承。 （ ）9、一个网页文件只能使用一个外部样式表文件 （ ）10、服务器端编程是指代码在浏览器端执行。 （ ） 三、单选题，请将答案填到括号中1、以下哪个是RGB颜色值的错误表示形式 （D）#ff0000 C. Red#f00 D. Rgb(ff,00,00)2、URL地址的构成不包括？ （C）协议名 C. 主机地址虚拟目录 D. 资源文件名3、以下哪个标
11、记的默认样式有关于文字字重的设置？ （B）P B.h1 C.a D.span4、下列不是HTML语法要求的是？ （D）双标记必须关闭 B.属性值要使用双引号包含C. 禁止交叉嵌套 D.区分大小写5、哪个属性不是HTML元素的公共属性？（B）style B. type C. id D.class6、以下是单标记的是？（A）input B. head C.td D.div7、以下哪些是表意的元素？（D）font B.strike C.b D.strong8、javascript 中单行注释的符号是？（A）A / B./*.*/ C.” D.*9、document对象代表？（C）A、表单中的对象 B
12、.HTML文档中显示的所有javascript 函数和方法C.窗口显示的HTML文档 D.Web浏览器窗口10、submit是哪个对象的方法？（D）document B.window C.location D.form四、应用题1、简述table布局与div+css布局的各自实现原理，以及特点。 表格布局的原理是使用表格的行列来划分区域，然后在单元格放置相应的内容。当表格用于布局时，通常要进行一些属性设置。特点：简单、容易理解、适合初学者； 基于div+css的布局原理：使用div划分网页逻辑区域；使用css控制每个div的外观位置以实现网页布局。特点：本身没有样式；是块元素；通常充当容器；要
13、区分各个div，因此通常要使用id属性2、什么事表意的文字元素，什么是表象的文字元素，为什么后者不推荐使用？也有的文献称之为逻辑元素和物理元素表意元素或逻辑元素用来指明文字的性质，如、，虽然有些表现元素也会有默认的特殊样式，但它的意图主要在于描述文字的意思，在上下文中的作用表象元素或物理元素用来指示文字该如何显示，如制定黑体的和指定斜体的。随着Web标准化的实践，网页的内容与表现要分离开，因此表象元素或物理元素不再被鼓励使用。 3、既然浏览器可以按照图像的正常大小显示，为什么还要设置img标记的width , height 属性？图像指定 height 和 width 属性是一个好习惯。如果设
14、置了这些属性，就可以在页面加载时为图像预留空间。如果没有这些属性，浏览器就无法了解图像的尺寸，也就无法为图像保留合适的空间，因此当图像加载时，页面的布局就会发生变化。（下面的篇幅详细解释了这个观点）。4、有表格行列拆分如下，表格宽度500px，边框为1，请给出相应的html源代码，给出.部分即可，写出必要的属性即可，多余的属性不扣分.。第三套1填空题（每题2分，共20分）1.1.网页尺寸的单位是 像素 。2.RGB色彩模型最多可以表示 224 种颜色。3.HTML文档的根元素是 html 。4. div 标记通常用来作为容器（container）.5.Img标记的 alt 属性用来设置图像的替
15、换文本。/不确定6.Form元素的 submit 属性指示表单的提交方法。7.在网页的head部分插入内部样式表，需要使用 link 标记。8.CSS的 display 属性可以将内联元素与块元素互换。9.有样式规则pfont-size:14px;line-height:150%;height:100px，则相应段落文字的行高应该为 14*150%=21 。10.最低公用标准的浏览器文档对象模型中，顶层的对象是 window 。2判断题（每题一分，共10分）1.Web标准是由浏览器厂商统一制定的。（）2.HTML的本质是纯文本文件。（）3.实际制作网页时，对网页的高度要求要严格得多。（）4.当
16、前主流的显示器分辨率为800*600. （）5.h1的默认样式，margin为0。（）6.XHTML不区分大小写。（）7.同一个外部样式表可以被多个网页所使用。（）8.行内样式（内联样式）的优先级最高。（）9.网页中的JavaScript代码，由浏览器解释执行。（）10.JavaScript是基于对象的语言。（）3单选题（20分，每题2分）1.title元素应该包含在 A 元素中。A.head B.body C.div D.table2.下列不是HTML语法要求的是？DA.双标记必须关闭B.禁止交叉嵌套C.属性值要使用双引号包含D.区分大小写3.单选钮的input标记的type属性的正确取值为
17、？DA.text B.single C.checkbox D.radio4.下述哪个表示HTML电子邮件链结？BA.联系我们B.联系我们C.联系我们D.admin5.以下哪个元素已经不再推荐使用？CA.img B.link C.font D.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的含义是？B
18、A.网页中某个id=outer的元素，背景色是红色B.网页中class=outer的元素，背景色是红色C.网页中元素名为.outer的元素，背景色为红色D.网页中class=.outer的元素,背景色是红色9.关于JavaScript的语法特点，说法正确的是CA.是一种强类型语言B.需要编译生成可执行的二进制文件cddcccddddddC.是脚本编程语言D.不区分大小写10.go（D）是哪个对象的方法？A.document B.window C.location D.history答案：addbcdcbcd4应用题（30分，每题6分）1.为什么有时在网页中有时以图片的方式来呈现，这样做有什么弊
19、端？ 图像文本不能被自动翻译成其它语言；不能被搜索引擎索引。2.块元素和内联元素的特点分别是什么？块：总是独占一行；宽度缺省是它所在容器100%，除非设定一个宽度值；宽度和高度可设。内：可以和其他元素共居一行；宽度和高度不可设置(img例外3.既然浏览器可以按照图像的正常大小显示，为什么还要设置img标记的width、height属性？ 图像指定height和width属性是一个好习惯。如果设置了这些属性，就可以在页面加载时为图像预留空间。如果没有这些属性，浏览器无法了解图像的尺寸，也就无法为图像保留合适的空间，因此当图像加载时，页面的布局就会发生变化。4.简述最低公用标准浏览器文档对象模型的
20、特点？ 最低公用标准的浏览器文档对象模型特点：是一个最低公用标准，可在所有浏览器下安全使用；对象按照层次进行组织具有严格的层次结构；可以操控的对象非常有限；访问每个对象要从根对象开始。5.假设某HTML页面的文档结构图如下所示 有样式规则定义如下：body font-family：黑体； font-size:12px; color:red; font-weight;normal;a font-family:宋体;* font-size:16px;请回答以下问题：A) a链结文字的字体、字号、颜色、字重分别为？ 宋体，16px，蓝色，normal，B) h1文字的字体、字号、颜色、字重分别为？黑
21、体，16px，红色 ，normal，C) h2文字的字体、字号、颜色、字重分别为？黑体，16px，红色，normal，5综合题20分（每题10分）1.一站点的目录结构如下图所示，根目录为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; 请选择站点新浪搜狐
