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