web网页设计期末习题题目练习
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Test.html代码如下：
<html>
<head>
<meta http-equiv=”Content-Type”content=”text/hyml;charset=gb2312”>
<title>表单校验</title>
<script language=”javascript”>
Function check()
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
</p>
</body>
</html>
5、最低公用标准的对象模型有什么特点？
最低公用标准的浏览器文档对象模型特点
特点
是一个最低公用标准，可在所有浏览器下安全使用
对象按照层次进行组织具有严格的层次结构
可以操控的对象非常有限
访问每个对象要从根对象开始
五、综合题20分（每题10分）
1、已知有HTML页面，其布局效果代码如下图所示，假定使用table布局的方法，请给出table布局的源代码。（为说明具体要求，按照从上到下、从左到右的顺序，5个版块分别标识为top,left,middle,right,bottom,）
<button onclick="check()" value="sumbit">sumbit</button>
</form>
</body>
第二套
一、填空题
1、WEB标准由（W3C）负责制定。
2、网页尺寸的选择取决于目标客户显示器（分辨率）的预期
3、GIF图像格式最多可以表现（256）种颜色。
4、设置下拉列表的默认选中项，需要设置option标记的（selected）属性。
5、显示在浏览器窗口的内容需要放置（body）标记中。
6、A标记的（name）属性可以标识网页的特定位置。
7、CSS的（display）属性，可以将块元素和内联元素互换。
8、（selector）指示CSS样式规则作用于哪些html元素。
9、当多个样式规则发生冲突，如果选择符级别相同，按出现的顺序，（后出现）的优先。
2、以下为内联元素(inline element)的是？(B)
A.<br> C.<li>
B. <input> D. <table>
3、以下不属于input标记的type属性的取值的是？(C)
A. text C.default
B. submit D.button
4、以下哪些是表意的元素？(D)
A.font C.b
8、JavaScript只能用于客户端编程.(×)
9、在最低公用标准的浏览器文档对象模型中，不是所有的HTML元素都是对象。(√)
10、W3CDOM是以树形结构表示HTML文档的。（√）
三、单选题（32分，每题2分）
1、jpg格式图像适用于以下哪种图片？（D）
A.动画C.公司logo
B.图标D.人物照片
</tr>
<tr>
<td width="196" height="138" bgcolor="#663366">left</td>
<td width="196" bgcolor="#FFCC33">middle</td>
<td width="196" bgcolor="#6666FF">right</td>
<body >
<table width="592" height="220" border="0" cellpadding="0" cellspacing="2">
<tr>
<td height="39" colspan="3" bgcolor="#33CCFF" width="696">top</td>
<body>
<form action=”login.asp”method=”post”onsubmit=”__check()____”name=”form1”>
用户名<input type=”text”name=”account”size=”20”></br>
密码<input type="password" name="password" size="20"></br>
4、有表格行列拆分如下，表格宽度500px，边框为1，请给出相应的html源代码，给出<table>..........</table>部分即可，写出必要的属性即可，多余的属性不扣分.。
第三套
1．填空题（每题2分，共20分）
1.1.网页尺寸的单位是像素。
2.RGB色彩模型最多可以表示224种颜色。
3.HTML文档的根元素是html。
B.strike D.strong
5、在网页中插入图片正确表示是？(C)
A.<img>logo.gif</img> C.<img src=”logo.gif”>
B. <img href=”logo.gif”> D. <imge src=”logo.gif”>
6、以下可以继承的属性是？(B)
A. border C.background-color
左边界+左边框+左填充+内容宽度+右填充+右边框+右边界
20+10+40+200+20+10+20=320px…
4、假定有页面的html代码如下，根据W3CDOM绘出该页面的文档树。
<html>
<head>
<title>test page</title>
</head>
<body>
<p>
引用标记
<q class=”white”>NO PAINS NO GAINS</q>
二、判断题，判断以下说法的对错（10分，每题1分）
1、HTML是一种网页编程语言。（×）
2、HTML不允许交差嵌套。（√）
3、HTML元素的ID属性不能以数字开头。(√)
4、URL地址属于绝对路径。(√)
5、P标记没有默认样式。(×)
6、内联元素可以嵌套块元素。(×)
7、border属性是不能被继承的。(√)
</tr>
<tr>
<td height="39" colspan="3" bgcolor="#33CCFF">bottom</td>
</tr>
</table>
</body>
2、页面test.html提供输入用户名和密码的功能，该页面利用JavaScript完成客户端表单校验，即，当用户名或者密码为空时，阻止表单提交，并且弹出一个提示框提醒用户；只有当用户名和密码都不为空时，才能提交表单。请将标号处的代码补全。
5、哪个属性不是HTML元素的公共属性？（B）
style B. type C. id D.class
6、以下是单标记的是？（A）
input B. head C.td D.div
7、以下哪些是表意的元素？（D）
font B.strikeC.bD.strong
8、javascript中单行注释的符号是？（A）
B. font-size D.margin
7、关于Css中背景属性，设法正确的是（A）
A.不可以对一个元素设置两张背景图片
C.默认情况下，背景图片不能平铺显示
B.不可以改变背景图片出现的
D.不能同时设置背景颜色和背景图片
8.在浏览器文档对象模型中，最顶层的对象是？(A)
A. window C.location
#ff0000 C. Red
#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.区分大小写
B. document D.form
9、以下事件为系统事件的是？(C)
A. onclick C.onload
B. oncharge D.onmouseover
10、href是哪个对象的属性?(A)
A. location C.form
B. submit D.button
四、应用题
1如何理解网页效果的不可预知性？
第一套
一、填空题（20分每空2分）
1.RGB色彩模型最多可以表示（224）种颜色。
2.HTML页面的正文应该放在（body）标记对中。
3.下拉列表的列表项应该放在（option）标记对中。
4.三种样式表中，与代码结合最紧密的是（内联）。
5.Css中填充的属性是（padding）。
6.当页面使用外部样式时，应该在页面的头部分使用（link）标记。
5、HTML的语法比XHTML的语法更为严格（×）
6、HTML元素自身的样式优先于继承而来的样式。（√）
7、CSS不区分大小写（√）
8、所有的CSS属性都可以被继承。（×）
9、一个网页文件只能使用一个外部样式表文件（×）
10、服务器端编程是指代码在浏览器端执行。（×）
三、单选题，请将答案填到括号中
1、以下哪个是RGB颜色值的错误表示形式（D）
浏览器版本、不同的用户平台（windows/macintosh/linux/）、连接速度、显示器分辨率、用户可能的个性化设置(背景色、关掉图片、关闭弹出窗口、关闭javascript)。
2网页中文字的处理原则有哪些？
原则
尽量使用默认字体微软雅黑、宋体、黑体;特殊字体；以图片的方式处理。以图片方式处理的弊端、图像文本不能自动被翻译成其他语言、不能被搜索引擎索引;中文的最小字号是12px，英文最小可以到9px.
3、既然浏览器可以按照图像的正常大小显示，为什么还要设置img标记的width , height属性？
图像指定height和width属性是一个好习惯。如果设置了这些属性，就可以在页面加载时为图像预留空间。如果没有这些属性，浏览器就无法了解图像的尺寸，也就无法为图像保留合适的空间，因此当图像加载时，页面的布局就会发生变化。（下面的篇幅详细解释了这个观点）。
四、应用题
1、简述table布局与div+css布局的各自实现原理，以及特点。
表格布局的原理是使用表格的行列来划分区域，然后在单元格放置相应的内容。当表格用于布局时，通常要进行一些属性设置。特点：简单、容易理解、适合初学者；
基于div+css的布局原理：使用div划分网页逻辑区域；使用css控制每个div的外观位置以实现网页布局。特点：本身没有样式；是块元素；通常充当容器；要区分各个div，因此通常要使用id属性
2、什么事表意的文字元素，什么是表象的文字元素，为什么后者不推荐使用？
也有的文献称之为逻辑元素和物理元素
表意元素或逻辑元素用来指明文字的性质，如<strong>、<em>，虽然有些表现元素也会有默认的特殊样式，但它的意图主要在于描述文字的意思，在上下文中的作用
表象元素或物理元素用来指示文字该如何显示，如制定黑体的<b>和指定斜体的<i>。随着Web标准化的实践，网页的内容与表现要分离开，因此表象元素或物理元素不再被鼓励使用。
3假设CSS规则定义如下：
P{
Background-color:#ccffee;
Border 10px solid gray;
Padding:10px 20px 30px 40;(上右下左)
Width:200px;
Margin:20px;
}
则应用该样式规则的html文档的p元素所占实际宽度为？
一个元素的实际宽度
10、W3CDOM按照ID获取html元素对象的方法是（getElementById()）。
二、判断题。判断以下说法的对错。
1、WEB是以“客户端/服务器”模式工作的。（√）
2、虚拟目录的名称应该和实际目录的名称相同。（×）
3、URL地址只能用于表示网页资源。（×）
4、和英文网页相比，中文的字体字号选择的范围更宽。（×）
7.（伪类）用于指定选择符的状态。
8.表单可以用两种方式来提交，一是点击提交按钮，二十在脚本中显示表单的
ຫໍສະໝຸດ Baidu（submit）方法。
9.最低公用标准的浏览器文档对象模型中（document）对象代表窗口显示的html文档。
10.w3cDOW按照ID获取HTML元素对象的方法是（getElementById()）。
{
If((document.form1.account.value==””)||( document.form1.password.value==””))
{
window.alert(“用户名密码不能为空!”);
return false;
}
Else
Return true;
}
</script>
</head>
<html>
<head>
<meta http-equiv=”Content-Type”content=”text/hyml;charset=gb2312”>
<title>表单校验</title>
<script language=”javascript”>
Function check()
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
</p>
</body>
</html>
5、最低公用标准的对象模型有什么特点？
最低公用标准的浏览器文档对象模型特点
特点
是一个最低公用标准，可在所有浏览器下安全使用
对象按照层次进行组织具有严格的层次结构
可以操控的对象非常有限
访问每个对象要从根对象开始
五、综合题20分（每题10分）
1、已知有HTML页面，其布局效果代码如下图所示，假定使用table布局的方法，请给出table布局的源代码。（为说明具体要求，按照从上到下、从左到右的顺序，5个版块分别标识为top,left,middle,right,bottom,）
<button onclick="check()" value="sumbit">sumbit</button>
</form>
</body>
第二套
一、填空题
1、WEB标准由（W3C）负责制定。
2、网页尺寸的选择取决于目标客户显示器（分辨率）的预期
3、GIF图像格式最多可以表现（256）种颜色。
4、设置下拉列表的默认选中项，需要设置option标记的（selected）属性。
5、显示在浏览器窗口的内容需要放置（body）标记中。
6、A标记的（name）属性可以标识网页的特定位置。
7、CSS的（display）属性，可以将块元素和内联元素互换。
8、（selector）指示CSS样式规则作用于哪些html元素。
9、当多个样式规则发生冲突，如果选择符级别相同，按出现的顺序，（后出现）的优先。
2、以下为内联元素(inline element)的是？(B)
A.<br> C.<li>
B. <input> D. <table>
3、以下不属于input标记的type属性的取值的是？(C)
A. text C.default
B. submit D.button
4、以下哪些是表意的元素？(D)
A.font C.b
8、JavaScript只能用于客户端编程.(×)
9、在最低公用标准的浏览器文档对象模型中，不是所有的HTML元素都是对象。(√)
10、W3CDOM是以树形结构表示HTML文档的。（√）
三、单选题（32分，每题2分）
1、jpg格式图像适用于以下哪种图片？（D）
A.动画C.公司logo
B.图标D.人物照片
</tr>
<tr>
<td width="196" height="138" bgcolor="#663366">left</td>
<td width="196" bgcolor="#FFCC33">middle</td>
<td width="196" bgcolor="#6666FF">right</td>
<body >
<table width="592" height="220" border="0" cellpadding="0" cellspacing="2">
<tr>
<td height="39" colspan="3" bgcolor="#33CCFF" width="696">top</td>
<body>
<form action=”login.asp”method=”post”onsubmit=”__check()____”name=”form1”>
用户名<input type=”text”name=”account”size=”20”></br>
密码<input type="password" name="password" size="20"></br>
4、有表格行列拆分如下，表格宽度500px，边框为1，请给出相应的html源代码，给出<table>..........</table>部分即可，写出必要的属性即可，多余的属性不扣分.。
第三套
1．填空题（每题2分，共20分）
1.1.网页尺寸的单位是像素。
2.RGB色彩模型最多可以表示224种颜色。
3.HTML文档的根元素是html。
B.strike D.strong
5、在网页中插入图片正确表示是？(C)
A.<img>logo.gif</img> C.<img src=”logo.gif”>
B. <img href=”logo.gif”> D. <imge src=”logo.gif”>
6、以下可以继承的属性是？(B)
A. border C.background-color
左边界+左边框+左填充+内容宽度+右填充+右边框+右边界
20+10+40+200+20+10+20=320px…
4、假定有页面的html代码如下，根据W3CDOM绘出该页面的文档树。
<html>
<head>
<title>test page</title>
</head>
<body>
<p>
引用标记
<q class=”white”>NO PAINS NO GAINS</q>
二、判断题，判断以下说法的对错（10分，每题1分）
1、HTML是一种网页编程语言。（×）
2、HTML不允许交差嵌套。（√）
3、HTML元素的ID属性不能以数字开头。(√)
4、URL地址属于绝对路径。(√)
5、P标记没有默认样式。(×)
6、内联元素可以嵌套块元素。(×)
7、border属性是不能被继承的。(√)
</tr>
<tr>
<td height="39" colspan="3" bgcolor="#33CCFF">bottom</td>
</tr>
</table>
</body>
2、页面test.html提供输入用户名和密码的功能，该页面利用JavaScript完成客户端表单校验，即，当用户名或者密码为空时，阻止表单提交，并且弹出一个提示框提醒用户；只有当用户名和密码都不为空时，才能提交表单。请将标号处的代码补全。
5、哪个属性不是HTML元素的公共属性？（B）
style B. type C. id D.class
6、以下是单标记的是？（A）
input B. head C.td D.div
7、以下哪些是表意的元素？（D）
font B.strikeC.bD.strong
8、javascript中单行注释的符号是？（A）
B. font-size D.margin
7、关于Css中背景属性，设法正确的是（A）
A.不可以对一个元素设置两张背景图片
C.默认情况下，背景图片不能平铺显示
B.不可以改变背景图片出现的
D.不能同时设置背景颜色和背景图片
8.在浏览器文档对象模型中，最顶层的对象是？(A)
A. window C.location
#ff0000 C. Red
#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.区分大小写
B. document D.form
9、以下事件为系统事件的是？(C)
A. onclick C.onload
B. oncharge D.onmouseover
10、href是哪个对象的属性?(A)
A. location C.form
B. submit D.button
四、应用题
1如何理解网页效果的不可预知性？
第一套
一、填空题（20分每空2分）
1.RGB色彩模型最多可以表示（224）种颜色。
2.HTML页面的正文应该放在（body）标记对中。
3.下拉列表的列表项应该放在（option）标记对中。
4.三种样式表中，与代码结合最紧密的是（内联）。
5.Css中填充的属性是（padding）。
6.当页面使用外部样式时，应该在页面的头部分使用（link）标记。
5、HTML的语法比XHTML的语法更为严格（×）
6、HTML元素自身的样式优先于继承而来的样式。（√）
7、CSS不区分大小写（√）
8、所有的CSS属性都可以被继承。（×）
9、一个网页文件只能使用一个外部样式表文件（×）
10、服务器端编程是指代码在浏览器端执行。（×）
三、单选题，请将答案填到括号中
1、以下哪个是RGB颜色值的错误表示形式（D）
浏览器版本、不同的用户平台（windows/macintosh/linux/）、连接速度、显示器分辨率、用户可能的个性化设置(背景色、关掉图片、关闭弹出窗口、关闭javascript)。
2网页中文字的处理原则有哪些？
原则
尽量使用默认字体微软雅黑、宋体、黑体;特殊字体；以图片的方式处理。以图片方式处理的弊端、图像文本不能自动被翻译成其他语言、不能被搜索引擎索引;中文的最小字号是12px，英文最小可以到9px.
3、既然浏览器可以按照图像的正常大小显示，为什么还要设置img标记的width , height属性？
图像指定height和width属性是一个好习惯。如果设置了这些属性，就可以在页面加载时为图像预留空间。如果没有这些属性，浏览器就无法了解图像的尺寸，也就无法为图像保留合适的空间，因此当图像加载时，页面的布局就会发生变化。（下面的篇幅详细解释了这个观点）。
四、应用题
1、简述table布局与div+css布局的各自实现原理，以及特点。
表格布局的原理是使用表格的行列来划分区域，然后在单元格放置相应的内容。当表格用于布局时，通常要进行一些属性设置。特点：简单、容易理解、适合初学者；
基于div+css的布局原理：使用div划分网页逻辑区域；使用css控制每个div的外观位置以实现网页布局。特点：本身没有样式；是块元素；通常充当容器；要区分各个div，因此通常要使用id属性
2、什么事表意的文字元素，什么是表象的文字元素，为什么后者不推荐使用？
也有的文献称之为逻辑元素和物理元素
表意元素或逻辑元素用来指明文字的性质，如<strong>、<em>，虽然有些表现元素也会有默认的特殊样式，但它的意图主要在于描述文字的意思，在上下文中的作用
表象元素或物理元素用来指示文字该如何显示，如制定黑体的<b>和指定斜体的<i>。随着Web标准化的实践，网页的内容与表现要分离开，因此表象元素或物理元素不再被鼓励使用。
3假设CSS规则定义如下：
P{
Background-color:#ccffee;
Border 10px solid gray;
Padding:10px 20px 30px 40;(上右下左)
Width:200px;
Margin:20px;
}
则应用该样式规则的html文档的p元素所占实际宽度为？
一个元素的实际宽度
10、W3CDOM按照ID获取html元素对象的方法是（getElementById()）。
二、判断题。判断以下说法的对错。
1、WEB是以“客户端/服务器”模式工作的。（√）
2、虚拟目录的名称应该和实际目录的名称相同。（×）
3、URL地址只能用于表示网页资源。（×）
4、和英文网页相比，中文的字体字号选择的范围更宽。（×）
7.（伪类）用于指定选择符的状态。
8.表单可以用两种方式来提交，一是点击提交按钮，二十在脚本中显示表单的
ຫໍສະໝຸດ Baidu（submit）方法。
9.最低公用标准的浏览器文档对象模型中（document）对象代表窗口显示的html文档。
10.w3cDOW按照ID获取HTML元素对象的方法是（getElementById()）。
{
If((document.form1.account.value==””)||( document.form1.password.value==””))
{
window.alert(“用户名密码不能为空!”);
return false;
}
Else
Return true;
}
</script>
</head>