1、第一套 一 、填空题（ 20 分 每空 2 分） 1.RGB 色彩模型最多可以表示（ 224 ）种颜色。 2.HTML 页面的正文应该放在（ body ）标记对中。 3.下拉列表的列表项应该放在（ option ）标记对中。 4.三种样式表中，与代码结合最紧密的是（ 内联 ）。 5.Css 中填充的属性是 （ padding ）。 6.当页面使用外部样式时，应该在页面的头部分使用（ link ）标记。 7.（ 伪类 ）用于指定选择符的状态。 8.表单可以用两种方式来提交，一 是点击提交按钮，二十在脚本中显示表单的 （ submit ） 方法。 9.最低公用标准的浏览器文档对象模型中 （ doc
2、ument ） 对象代表窗口显示的 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 只能用于客户端编程 .( )
3、 9、 在最低公用标准的浏览器文档对象模型中，不是所有的 HTML 元素都是对象。 ( ) 10、 W3C DOM 是以树形结构表示 HTML 文档的。（ ） 三、 单选题（ 32 分，每题 2 分） 1、 jpg 格式图像适用于以下哪种图片？ （ D） A.动画 C.公司 logo B. 图标 D.人物照片 2、 以下为内联元素 (inline element)的是 ？ (B) A. C. B. D. 3、 以下不属于 input 标记的 type 属性的取值的是 ？ (C) A. text C.default B. submit D.button 4、 以下哪些是表意的元素 ？ (D) A
4、.font C.b B.strike D.strong 5、 在网页中插入图片正确表示是？ (C) A.logo.gif C. B. D. 6、 以下可以继承的属性是？ (B) A. border C.background-color B. font-size D.margin 7、 关于 Css 中背景属性，设法正确的是 （ A） A. 不可以对一个元素设置两张背景图片 C.默认情况下，背景图片不能平铺显示 B. 不可以改变背景图片出现的 D.不 能同时设置背景颜色和背景图片 8.在浏览器文档对象模型中，最顶层的对象是？ (A) A. window C.location B. documen
5、t D.form 9、 以下事件为系统事件的是？ (C) A. onclick C.onload B. oncharge D.onmouseover 10、 href 是哪个对象的属性 ? (A) A. location C.form B. submit D.button 四、应用题 1 如何理解网页效果的不可预知性？ 浏览器版本 、 不同的用户平台（ windows/macintosh/linux/） 、 连接速度 、 显示器分辨率 、 用户可能的个性化设置 (背景色 、 关掉图片 、 关闭弹出窗口 、 关闭 javascript)。 2 网页中文字的处理原则有哪些？ 原则 尽量使用默认字体
6、微软雅黑 、 宋体 、 黑体 ;特殊字体 ； 以图片的方式处理 。 以图片方式处理的弊端 、 图像文本不能自动被翻译成其他语言 、不能被搜索引擎索引 ; 中文的最小字号是 12px，英文最小可以到 9px. 3 假设 CSS 规则定义如下： P Background-color:#ccffee; Border 10px solid gray; Padding:10px 20px 30px 40; (上右下左 ) Width:200px; Margin:20px; 则应用该样式规则的 html 文档的 p 元素所占实际宽度为？ 一个元素的实际宽度 左边界 +左边框 +左填充 +内容宽度 +右填充
7、 +右边框 +右边界 20+10+40+200+20+10+20=320px 4、假定有页面的 html 代码如下，根据 W3C DOM 绘出该页面的文档树。 test page 引用标记 NO PAINS NO GAINS 5、最低公用标准的对象模型有什么特点？ 最低公用标准的浏览器文档对象模型特点 特点 是一个最低公用标准，可在所有浏览器下安全使用 对象按照层次进行组织具有严格的层次结构 可以操控的对象非常有限 访问每个对象要从根对象 开始 五、综合题 20 分（每题 10 分） 1、已知有 HTML 页面，其布局效果代码如下图所示，假定使用 table 布局的方法，请给出table 布局
8、的源代码。（为说明具体要求，按照从上到下、从左到右的顺序， 5 个版块分别标识为 top,left,middle,right,bottom,） html head title body p q Class=”white” No pain no gains top left middle right bottom 2、页面 test.html 提供输入用户名和密码的功能，该页面利用 JavaScript 完成客户端表单校验，即，当用户名或者密码为空时，阻止表单提交，并且弹出一个提示框提醒用户；只有当用户名和密码都不为空时，才能提交表单。请将标号处的代码补全。 Test.html 代码如下： 表单
9、校验 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 标记的（ sel
10、ected ）属性。 5、 显示在浏览器窗口的内容需要放置（ body）标记中。 6、 A 标记的（ name）属性可以标识网页的特定位置。 7、 CSS 的（ display ）属性，可以将块元素和内联元素互换。 8、 （ selector ）指示 CSS 样式规则作用于哪些 html 元素。 9、 当多个样式规则发生冲突，如果选择符级别相同，按出现的顺序，（后出现 ）的优 先。 10、 W3C DOM 按照 ID 获取 html 元素对象的方法是（ getElementById()）。 二、 判断题。判断以下说法的对错。 1、 WEB 是以“客户端 /服务器”模式工作的。 （ ） 2、 虚
11、拟目录的名称应该和实际目录的名称相同。 （ ） 3、 URL 地址只能用于表示网页资源。 （ ） 4、 和英文网页相比，中文的字体字号选择的范围更宽。 （ ） 5、 HTML 的语法比 XHTML 的语法更为严格 （ ） 6、 HTML 元素自身的样式优先于继承而来的样式。 （ ） 7、 CSS 不区分大小写 （ ） 8、 所有的 CSS 属性都可以被继承。 （ ） 9、 一个网页文件只能使用一个外部样式表文件 （ ） 10、 服务器端编程是指代码在浏览器端执行。 （ ） 三、 单选题，请将答案填到括号中 1、 以下哪个是 RGB 颜色值的错误表示形式 （ D） #ff0000 C. Red
12、#f00 D. Rgb(ff,00,00) 2、 URL 地址的构成不包括？ （ C） 协议名 C. 主机地址 虚拟目录 D. 资源文件名 3、 以下哪个标记的默认样式有关于文字字重的设置？ （ B） P B.h1 C.a D.span 4、 下列不是 HTML 语法要求的是？ （ D） 双标记必须关闭 B.属性值要使用双引号包含 C. 禁止交叉嵌套 D.区分大小写 5、 哪个属性不是 HTML 元素的公共属性？（ B） style B. type C. id D.class 6、 以下是单标记的是？（ A） input B. head C.td D.div 7、 以下哪些是表意的元素？（ D
13、） font B.strike C.b D.strong 8、 javascript 中单行注释的符号是？（ A） A / B./*.*/ C.” D.* 9、 document 对象代表？（ C） A、 表单中的对象 B.HTML 文档中显示的所有 javascript 函数和方法 C.窗口显示的 HTML 文档 D.Web 浏览器窗口 10、 submit 是哪个对象的方法？（ D） document B.window C.location D.form 四、 应用题 1、 简述 table 布局与 div+css 布局的各自实现原理，以及特点。 表格布局的原理是使用表格的行列来划分区域，
14、然后在单元格放置相应的内容。当表格用于布局时，通常要进行一些属性设置。 特点 ： 简单 、 容易理解 、 适合初学者 ； 基于 div+css 的布局原理 ： 使用 div 划分网页逻辑区域 ； 使用 css 控制每个 div 的外观位置以实现网页布局 。 特点 ： 本身没有样式 ； 是块元素 ； 通常充当容器 ； 要区分各个 div，因此通常要使用 id 属性 2、 什么事表意的文字元素，什么是表象的文 字元素，为什么后者不推荐使用？ 也有的文献称之为逻辑元素和物理元素 表意元素或逻辑元素用来指明文字的性质，如 、 ，虽然有些表现元素也会有默认的特殊样式，但它的意图主要在于描述文字的意思，在
15、上下文中的作用 表象元素或 物理元素用来指示文字该如何显示，如制定黑体的 和指定斜体的 。随着Web 标准化的实践，网页的内容与表现要分离开，因此表象元素或物理 元素不再被鼓励使用。 3、 既然浏览器可以按照图像的正常大小显示，为什么还要设置 img 标记的 width , height 属性？ 图像指 定 height 和 width 属性是一个好习惯。如果设置了这些属性，就可以在页面加载时为图像预留空间。如果没有这些属性，浏览器就无法了解图像的尺寸，也就无法为图像保留合适的空间，因此当图像加载时，页面的布局就会发生变化。（下面的篇幅详细解释了这个观点）。 4、 有表格行列拆分如下，表 格宽
16、度 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 的 displa
17、y 属性可以将内联元素与块元素互换。 9.有样式规则 pfont-size:14px;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 不区分大小写。
18、（） 7.同一个外部样式表可以被多个网页所使用。 （） 8.行内样式（内联样式）的优先级最高。 （） 9.网页中的 JavaScript 代码，由浏览器解释执行。 （） 10.JavaScript 是基于对象的语言。 （） 三 单选题（ 20 分，每题 2 分） 1.title 元素应该包含在 A 元素中。 A. head B.body C.div D.table 2.下列不是 HTML 语法要求的是？ D A.双标记必须关 闭 B. 禁止交叉嵌套 C.属性值要使用双引号包含 D.区分大小写 3.单选钮的 input 标记的 type 属性的正确取值为？ D A.text B.single C
19、.checkbox D.radio 4.下述哪个表示 HTML 电子邮件链结？ B A. 联系我们 B.联系我们 C.联系我们 D 5.以下哪个元素已经不再推荐使用？ C A. img B.link C.font D.br 6.当表格 table 用于布局，以下哪个不是常规的属性设置？ D A. cellspacing=”0” B.border=”0” C.cellpadding=”0” D.width=”100%” 7.以下不是伪类的是： C A. hover B.link C.delete D.active 8.CSS 中定义 .outerbackground-color:red的含义是？
20、 B A.网页中某个 id=outer 的元素，背景色是红色 B. 网页中 class=outer 的元素，背景色是红色 C.网页 中元素名为 .outer 的元素，背景色为红色 D.网页中 class=.outer 的元素 ,背景色是红色 9.关于 JavaScript 的语法特点，说法正确的是 C A.是一种强类型语言 B. 需要编译生成可执行的二进制文件 cddcccdddddd C.是脚本编程语言 D.不区分大小写 10.go（ D）是哪个对象的方法？ A. document B.window C.location D.history 答案 ： addbcdcbcd 四 应用题（ 30
21、 分，每题 6 分） 1.为什么有时在网页中有时以图片的方式来呈现，这样做有什么弊 端？ 图像文本不能被自动翻译成其它语言；不能被搜索引擎索引。 2.块元素和内联元素的特点分别是什么？ 块： 总是独占一行 ； 宽度缺省是它所在容器 100%，除非设定一个宽度值 ； 宽度和高度可设。内： 可以 和 其他元素共居一行 ； 宽度和高度不可设置 (img 例外 3.既然浏览器可以按照图像的正常大小显示，为什么还要设置 img 标记的 width、 height 属性？ 图像指定 height 和 width 属性是一个好习惯。如果设置了这些属性，就可以在页面加载时为图像预留空间。如果没有这些属性，浏览
22、器无法了解图像的尺寸，也就无法为图像 保留合适的空间，因此当图像加载时，页面的布局就会发生变化。 4.简述最低公用标准浏览器文档对象模型的特点？ 最低公用标准的浏览器文档对象模型特点 ： 是一个最低公用标准，可在所有浏览器下安全使用 ； 对象按照层次进行组织具有严格的层次结构 ； 可以操控的对象非常有限 ； 访问每个对象要从根对象开始 。 5.假设某 HTML 页面的文档结构图如下所示 有样式规则定义如下： head body title h1 h2 img p h2 img p a a a HTML body font-family：黑体； font-size:12px; color:red
23、; font-weight;normal; a font-family:宋体 ; * font-size:16px; 请回答以下问题： A) a 链结文字的字体、字号、颜色、字重分别为？ 宋体， 16px，蓝色， normal， B) h1 文字的字体、字号、颜色、字重分别为？黑体， 16px，红色 ， normal， C) h2 文字的字体、字号、颜色、字重分别为？黑体， 16px，红色， normal， 五 综合题 20 分（每题 10 分） 1.一站点的 目录结构如下图所示，根目录为 wwwroot，请将空白处代码补全，没空 2.5 分。 请补全以下代码： A.假定在 index.htm
24、 中插入图片 banana.jpg,如果采用相对路径，代码应该如下： B.假定在 index.htm 中 ,有一个链结指向 aboutus.htm,如果采用相对路径，代码应该如下： about us C.假定在 aboutus.htm 中插入图片 apple.jpg,如果采用相对路径，代码应该如下： D.假定在 aboutus.html 中插入图片 grape.jpg,代码应该如下： w w w r o o ti m a g e s p a g e sc s sa p p l e .j p gi n d e x .h t ma b o u t u s. h t mg r a p e .j p gb a n a n a. j p gfunction redirect() /演示如何利用更改 location 对象的 href 属性进行页面导航 /定义变量 url var url; url=window.document.form1.links.optionswindow.document.form1.links.selectedIndex.value window.location.href=url; 请选择站点 新浪 搜狐
