A.
C.
B.D.
3、以下不属于input标记的type属性的取值的是?
(C)
A.textC.default
B.submitD.button
4、以下哪些是表意的元素?
(D)
A.fontC.b
B.strikeD.strong
5、在网页中插入图片正确表示是?
(C)
A.logo.gifC.
B.D.
6、以下可以继承的属性是?
(B)
A.borderC.background-color
B.font-sizeD.margin
7、关于Css中背景属性,设法正确的是(A)
A.不可以对一个元素设置两张背景图片
C.默认情况下,背景图片不能平铺显示
B.不可以改变背景图片出现的
D.不能同时设置背景颜色和背景图片
8.在浏览器文档对象模型中,最顶层的对象是?
(A)
A.windowC.location
B.documentD.form
9、以下事件为系统事件的是?
(C)
A.onclickC.onload
B.onchargeD.onmouseover
10、href是哪个对象的属性?
(A)
A.locationC.form
B.submitD.button
四、应用题
1如何理解网页效果的不可预知性?
浏览器版本、不同的用户平台(windows/macintosh/linux/)、连接速度、显示器分辨率、用户可能的个性化设置(背景色、关掉图片、关闭弹出窗口、关闭javascript)。
2网页中文字的处理原则有哪些?
原则
尽量使用默认字体微软雅黑、宋体、黑体;特殊字体;以图片的方式处理。
以图片方式处理的弊端、图像文本不能自动被翻译成其他语言、不能被搜索引擎索引;中文的最小字号是12px,英文最小可以到9px.
3假设CSS规则定义如下:
P{
Background-color:
#ccffee;
Border10pxsolidgray;
Padding:
10px20px30px40;(上右下左)
Width:
200px;
Margin:
20px;
}
则应用该样式规则的html文档的p元素所占实际宽度为?
↘一个元素的实际宽度
⏹左边界+左边框+左填充+内容宽度+右填充+右边框+右边界
20+10+40+200+20+10+20=320px…
4、假定有页面的html代码如下,根据W3CDOM绘出该页面的文档树。
testpage引用标记
NOPAINSNOGAINS
5、最低公用标准的对象模型有什么特点?
↘最低公用标准的浏览器文档对象模型特点
↘特点
⏹是一个最低公用标准,可在所有浏览器下安全使用
⏹对象按照层次进行组织具有严格的层次结构
⏹可以操控的对象非常有限
⏹访问每个对象要从根对象开始
五、综合题20分(每题10分)
1、已知有HTML页面,其布局效果代码如下图所示,假定使用table布局的方法,请给出table布局的源代码。
(为说明具体要求,按照从上到下、从左到右的顺序,5个版块分别标识为top,left,middle,right,bottom,)
top
|
left
middle
right
|
bottom
|
2、页面test.html提供输入用户名和密码的功能,该页面利用JavaScript完成客户端表单校验,即,当用户名或者密码为空时,阻止表单提交,并且弹出一个提示框提醒用户;只有当用户名和密码都不为空时,才能提交表单。
请将标号处的代码补全。
Test.html代码如下:
表单校验
Functioncheck()
{
If((document.form1.account.value==””)||(document.form1.password.value==””))
{
window.alert(“用户名密码不能为空!
”);
returnfalse;
}
Else
Returntrue;
}
用户名
密码
sumbit
第二套
一、填空题
1、WEB标准由(W3C)负责制定。
2、网页尺寸的选择取决于目标客户显示器(分辨率)的预期
3、GIF图像格式最多可以表现(256)种颜色。
4、设置下拉列表的默认选中项,需要设置option标记的(selected)属性。
5、显示在浏览器窗口的内容需要放置(body)标记中。
6、A标记的(name)属性可以标识网页的特定位置。
7、CSS的(display)属性,可以将块元素和内联元素互换。
8、(selector)指示CSS样式规则作用于哪些html元素。
9、当多个样式规则发生冲突,如果选择符级别相同,按出现的顺序,(后出现)的优先。
10、W3CDOM按照ID获取html元素对象的方法是(getElementById())。
二、判断题。
判断以下说法的对错。
1、WEB是以“客户端/服务器”模式工作的。
(√)
2、虚拟目录的名称应该和实际目录的名称相同。
(×)
3、URL地址只能用于表示网页资源。
(×)
4、和英文网页相比,中文的字体字号选择的范围更宽。
(×)
5、HTML的语法比XHTML的语法更为严格(×)
6、HTML元素自身的样式优先于继承而来的样式。
(√)
7、CSS不区分大小写(√)
8、所有的CSS属性都可以被继承。
(×)
9、一个网页文件只能使用一个外部样式表文件(×)
10、服务器端编程是指代码在浏览器端执行。
(×)
三、单选题,请将答案填到括号中
1、以下哪个是RGB颜色值的错误表示形式(D)
#ff0000C.Red
#f00D.Rgb(ff,00,00)
2、URL地址的构成不包括?
(C)
协议名C.主机地址
虚拟目录D.资源文件名
3、以下哪个标记的默认样式有关于文字字重的设置?
(B)
PB.h1C.aD.span
4、下列不是HTML语法要求的是?
(D)
双标记必须关闭B.属性值要使用双引号包含C.禁止交叉嵌套D.区分大小写
5、哪个属性不是HTML元素的公共属性?
(B)
styleB.typeC.idD.class
6、以下是单标记的是?
(A)
inputB.headC.tdD.div
7、以下哪些是表意的元素?
(D)
fontB.strikeC.bD.strong
8、javascript中单行注释的符号是?
(A)
A//B./*.........*/C.”D.*
9、document对象代表?
(C)
A、表单中的对象
B.HTML文档中显示的所有javascript函数和方法
C.窗口显示的HTML文档
D.Web浏览器窗口
10、submit是哪个对象的方法?
(D)
documentB.windowC.locationD.form
四、应用题
1、简述table布局与div+css布局的各自实现原理,以及特点。
↘表格布局的原理是使用表格的行列来划分区域,然后在单元格放置相应的内容。
当表格用于布局时,通常要进行一些属性设置。
特点:
简单、容易理解、适合初学者;
↘基于div+css的布局原理:
使用div划分网页逻辑区域;使用css控制每个div的外观位置以实现网页布局。
特点:
本身没有样式;是块元素;通常充当容器;要区分各个div,因此通常要使用id属性
2、什么事表意的文字元素,什么是表象的文字元素,为什么后者不推荐使用?
也有的文献称之为逻辑元素和物理元素
表意元素或逻辑元素用来指明文字的性质,如、,虽然有些表现元素也会有默认的特殊样式,但它的意图主要在于描述文字的意思,在上下文中的作用
表象元素或物理元素用来指示文字该如何显示,如制定黑体的和指定斜体的。
随着Web标准化的实践,网页的内容与表现要分离开,因此表象元素或物理元素不再被鼓励使用。
3、既然浏览器可以按照图像的正常大小显示,为什么还要设置img标记的width,height属性?
图像指定height和width属性是一个好习惯。
如果设置了这些属性,就可以在页面加载时为图像预留空间。
如果没有这些属性,浏览器就无法了解图像的尺寸,也就无法为图像保留合适的空间,因此当图像加载时,页面的布局就会发生变化。
(下面的篇幅详细解释了这个观点)。
4、有表格行列拆分如下,表格宽度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.有样式规则p{font-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不区分大小写。
(×)
7.同一个外部样式表可以被多个网页所使用。
(√)
8.行内样式(内联样式)的优先级最高。
(√)
9.网页中的JavaScript代码,由浏览器解释执行。
(√)
10.JavaScript是基于对象的语言。
(√)
三.单选题(20分,每题2分)
1.title元素应该包含在A元素中。
A.headB.bodyC.divD.table
2.下列不是HTML语法要求的是?
D
A.双标记必须关闭
B.禁止交叉嵌套
C.属性值要使用双引号包含
D.区分大小写
3.单选钮的input标记的type属性的正确取值为?
D
A.textB.singleC.checkboxD.radio
4.下述哪个表示HTML电子邮件链结?
B
A.联系我们
B.”>联系我们
C.联系我们>
D.
5.以下哪个元素已经不再推荐使用?
C
A.imgB.linkC.fontD.br
6.当表格table用于布局,以下哪个不是常规的属性设置?
D
A.cellspacing=”0”B.border=”0”C.cellpadding=”0”D.width=”100%”
7.以下不是伪类的是:
C
A.hoverB.linkC.deleteD.active
8.CSS中定义.outer{background-color:
red}的含义是?
B
A.网页中某个id=outer的元素,背景色是红色
B.网页中class=outer的元素,背景色是红色
C.网页中元素名为.outer的元素,背景色为红色
D.网页中class=.outer的元素,背景色是红色
9.关于JavaScript的语法特点,说法正确的是C
A.是一种强类型语言
B.需要编译生成可执行的二进制文件cddcccdddddd
C.是脚本编程语言
D.不区分大小写
10.go(D)是哪个对象的方法?
A.documentB.windowC.locationD.history
答案:
addbcdcbcd
四.应用题(30分,每题6分)
1.为什么有时在网页中有时以图片的方式来呈现,这样做有什么弊端?
图像文本不能被自动翻译成其它语言;不能被搜索引擎索引。
2.块元素和内联元素的特点分别是什么?
块:
总是独占一行;宽度缺省是它所在容器100%,除非设定一个宽度值;宽度和高度可设。
内:
可以和其他元素共居一行;宽度和高度不可设置(img例外
3.既然浏览器可以按照图像的正常大小显示,为什么还要设置img标记的width、height属性?
图像指定height和width属性是一个好习惯。
如果设置了这些属性,就可以在页面加载时为图像预留空间。
如果没有这些属性,浏览器无法了解图像的尺寸,也就无法为图像保留合适的空间,因此当图像加载时,页面的布局就会发生变化。
4.简述最低公用标准浏览器文档对象模型的特点?
最低公用标准的浏览器文档对象模型特点:
是一个最低公用标准,可在所有浏览器下安全使用;对象按照层次进行组织具有严格的层次结构;可以操控的对象非常有限;访问每个对象要从根对象开始。
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文字的字体、字号、颜色、字重分别为?
黑体,16px,红色,normal,
C)h2文字的字体、字号、颜色、字重分别为?
黑体,16px,红色,normal,
五.综合题20分(每题10分)
1.一站点的目录结构如下图所示,根目录为,请将空白处代码补全,没空2.5分。
请补全以下代码:
A.假定在index.htm中插入图片banana.jpg,如果采用相对路径,代码应该如下:
B.假定在index.htm中,有一个链结指向aboutus.htm,如果采用相对路径,代码应该如下:
aboutus
C.假定在aboutus.htm中插入图片apple.jpg,如果采用相对路径,代码应该如下:
D.假定在aboutus.html中插入图片grape.jpg,代码应该如下:
functionredirect()
{
//演示如何利用更改location对象的href属性进行页面导航
//定义变量url
varurl;
url=window.document.form1.links.options[window.document.form1.links.selectedIndex].value
window.location.href=url;
}
请选择站点
新浪
搜狐