web网设计期末复习题_第1页
web网设计期末复习题_第2页
web网设计期末复习题_第3页
web网设计期末复习题_第4页
web网设计期末复习题_第5页
免费预览已结束，剩余8页可下载查看

付费下载

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、第一套一、填空题（ 20 分 每空 2 分）1. RGB色彩模型最多可以表示（224 ）种颜色。2. HTML 页面的正文应该放在（ body）标记对中。3. 下拉列表的列表项应该放在（option）标记对中。4. 三种样式表中，与代码结合最紧密的是（内联 ）。5. Css中填充的属性是（paddi ng）。6. 当页面使用外部样式时，应该在页面的头部分使用（link ）标记。7. （伪类）用于指定选择符的状态。8. 表单可以用两种方式来提交，一是点击提交按钮，二十在脚本中显示表单的（ submit）方法。9.最低公用标准的浏览器文档对象模型中（document档。）对象代表窗口显示的 htm

2、l 文10.w3c DOW 按照 ID 获取 HTML 元素对象的方法是 （二、判断题，判断以下说法的对错（10 分，每题 1 分）1、 HTML是一种网页编程语言。（X）2、 HTML不允许交差嵌套。（V）3、 HTML元素的ID属性不能以数字开头。（V）4、 URL地址属于绝对路径。（V）5、 P标记没有默认样式。（X ）6、 内联元素可以嵌套块元素。（X ）7、 border 属性是不能被继承的。（ V）8、JavaScript 只能用于客户端编程 .（ X ）9、在最低公用标准的浏览器文档对象模型中，不是所有的10、W3C DO是以树形结构表示 HTML文档的。（V）三、单选题（ 32

3、 分，每题 2 分）getElementById() )。HTML 元素都是对象。 （V）1 、 jpg 格式图像适用于以下哪种图片？（D）A. 动画C公司logoB. 图标D.人物照片2、以下为内联元素 （inline element） 的是？ （B）A.<br>C.<li>B. <input>D. <table>3、以下不属于 input 标记的A. textC.defaulttype 属性的取值的是？ （C）B. submitD.button4、以下哪些是表意的元素？ （D）A.fontC.bA. borderB. font-sizeC.

4、background-colorD. marginB.strikeD.strong5、 在网页中插入图片正确表示是？(C)A. <img>logo.gif</i mg>C.<img src= ” logo.gif ”>B. <img href= ”logo.gif ”D>. <imge src= ”logo.gif ”>6、 以下可以继承的属性是？(B)7、 关于Css中背景属性，设法正确的是(A)A. 不可以对一个元素设置两张背景图片C默认情况下，背景图片不能平铺显示B. 不可以改变背景图片出现的D.不能同时设置背景颜色和背景图片8

5、、在浏览器文档对象模型中，最顶层的对象是？(A)A. windowC.locationB. documentD.form9、 以下事件为系统事件的是？(C)A. onclickC.onloadB. onchargeD.onmouseover10、href 是哪个对象的属性 ?(A)A. locationC.formB. submitD.button四、应用题1 如何理解网页效果的不可预知性？浏览器版本、不同的用户平台( windows/macintosh/linux/ )、连接速度、显示器分辨率、用 户可能的个性化设置 (背景色、关掉图片、关闭弹出窗口、关闭javascript) 。2 网页中

6、文字的处理原则有哪些？ 原则尽量使用默认字体微软雅黑、宋体、黑体 ;特殊字体；以图片的方式处理。以图片方式处理 的弊端、图像文本不能自动被翻译成其他语言、不能被搜索引擎索引; 中文的最小字号是 12px ，英文最小可以到 9px.3 假设 CSS 规则定义如下：PBackground-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 绘出该页面的文档树。 <html><head><title>test page</title></head><body><p>引用标记<q class= "white ”>N0 PAINS NO GAINS</q></p></body></html>5、最低公用标准的对象模型有什么特点？最低公用

8、标准的浏览器文档对象模型特点特点是一个最低公用标准，可在所有浏览器下安全使用对象按照层次进行组织具有严格的层次结构 可以操控的对象非常有限访问每个对象要从根对象开始五、综合题20分（每题10分）1、已知有HTML页面，其布局效果代码如下图所示，假定使用table布局的方法，请给出table布局的源代码。（为说明具体要求，按照从上到下、从左到右的顺序，5个版块分别标识为 top,left,middle,right,bottom,）<body ><table width="592" height="220" border="0&q

9、uot; cellpadding="0" cellspacing="2"><tr><td height="39" colspan="3" bgcolor="#33CCFF" width="696">top</td></tr><tr><td width="196" height="138" bgcolor="#663366">left<

10、/td><td width="196" bgcolor="#FFCC33">middle</td><td width="196" bgcolor="#6666FF">right</td></tr><tr><td height="39" colspan="3" bgcolor="#33CCFF">bottom</td></tr></tabl

11、e></body>2、页面 test.html 提供输入用户名和密码的功能，该页面利用JavaScript 完成客户端表单校验，即，当用户名或者密码为空时，阻止表单提交，并且弹出一个提示框提醒用户；只有当 用户名和密码都不为空时，才能提交表单。请将标号处的代码补全。Test.html 代码如下：<html><head><meta http-equiv= ”Content-Type ”content=”text/hyml;charset=gb2312 ”><title> 表单校验 </title><script

12、language= ”javascript ”>Function check()If(document.form1.account.value= ”)|( document.form1.password.value = ”)window.alert( “用户名密码不能为空 ! ”);return false;ElseReturn true;</script></head><body><form action= ”login.asp ”method=”post”onsubmit= ”_check() ”name=”form1 ”>用户名 &l

13、t;input type= ”text ”name=”account”size=”20”></br> 密码 <input type="password" name="password" size="20"></br> <button onclick="check()" value="sumbit">sumbit</button></form></body>style B. type C. idD.class

14、第二套一、填空题1、 WEB 标准由（ W3C ）负责制定。2、网页尺寸的选择取决于目标客户显示器（分辨率）的预期3、GIF 图像格式最多可以表现（ 256 ）种颜色。4、设置下拉列表的默认选中项，需要设置option 标记的（ selected ）属性。5、 显示在浏览器窗口的内容需要放置（body）标记中。6、A标记的（name）属性可以标识网页的特定位置。7、CSS的（display ）属性，可以将块元素和内联元素互换。8、（ selector ）指示 CSS 样式规则作用于哪些 html 元素。9、 当多个样式规则发生冲突，如果选择符级别相同，按出现的顺序，（后出现 ）的优先。10、W

15、3C DOM 按照 ID 获取 html 元素对象的方法是（ getElementById（） ） 。、判断题。判断以下说法的对错。1、WEB是以“客户端/服务器”模式工作的。（V ）2、 虚拟目录的名称应该和实际目录的名称相同。（X）3、URL地址只能用于表示网页资源。（X ）4、和英文网页相比，中文的字体字号选择的范围更宽。（X ）5、HTML 的语法比 XHTML 的语法更为严格（X ）6、HTML 元素自身的样式优先于继承而来的样式。（V ）7、CSS 不区分大小写（ V）8、所有的 CSS 属性都可以被继承。（X）9、一个网页文件只能使用一个外部样式表文件（X）10、服务器端编程是指

16、代码在浏览器端执行。（X） 三、单选题，请将答案填到括号中D）（ C）（B）C. 禁止交叉嵌套D .区分大小写1、以下哪个是 RGB 颜色值的错误表示形式#ff0000C. Red#f00D. Rgb（ff,00,00）2、URL 地址的构成不包括？协议名C. 主机地址虚拟目录D. 资源文件名3、以下哪个标记的默认样式有关于文字字重的设置？P B.h1 C.a D.span4、下列不是 HTML 语法要求的是？ （ D）双标记必须关闭B属性值要使用双引号包含5、哪个属性不是HTML 元素的公共属性？B)6、以下是单标记的是？（ A）inputB. headC.td D.div7、以下哪些是表意

17、的元素？（D ）fontB.strikeC.bD.strong8、 javascript 中单行注释的符号是？（ A）A / B./*/C. ”D.*9、 document 对象代表？（ C）A. 表单中的对象B. HTML 文档中显示的所有 javascript 函数和方法C. 窗口显示的HTML文档D. Web 浏览器窗口10、 submit 是哪个对象的方法？（ D ）document B.windowC.location D.form四、应用题1、简述 table 布局与 div+css 布局的各自实现原理，以及特点。表格布局的原理是使用表格的行列来划分区域，然后在单元格放置相应的内容

18、。当 表格用于布局时，通常要进行一些属性设置。特点：简单、容易理解、适合初学者； 基于 div+css 的布局原理：使用 div 划分网页逻辑区域；使用css 控制每个 div 的外观位置以实现网页布局。特点：本身没有样式；是块元素；通常充当容器；要区分 各个 div ，因此通常要使用 id 属性2、什么事表意的文字元素，什么是表象的文字元素，为什么后者不推荐使用？ 也有的文献称之为逻辑元素和物理元素表意元素或逻辑元素用来指明文字的性质，如strong、em，虽然有些表现元素也会有默认的特殊样式，但它的意图主要在于描述文字的意思，在上下文中的作用表象元素或物理元素用来指示文字该如何显示，如制定

19、黑体的b和指定斜体的i。随着Web 标准化的实践，网页的内容与表现要分离开，因此表象元素或物理元素不再被鼓励使用。3、 既然浏览器可以按照图像的正常大小显示，为什么还要设置 img 标记的 width , height 属 性？图像指定 height 和 width 属性是一个好习惯。如果设置了这些属性，就可以在页面加 载时为图像预留空间。 如果没有这些属性， 浏览器就无法了解图像的尺寸， 也就无法为图像 保留合适的空间，因此当图像加载时，页面的布局就会发生变化。 （下面的篇幅详细解释了 这个观点）。4、 有表格行列拆分如下，表格宽度500px ，边框为 1，请给出相应的 html 源代码，给

20、出table/table 部分即可，写出必要的属性即可，多余的属性不扣分.。第三套一 填空题（每题 2分，共20分）1.1.网页尺寸的单位是像素。2. RGB色彩模型最多可以表示224种颜色。3. HTML文档的根元素是html。4. div标记通常用来作为容器（container）.5mg标记的.lalt属性用来设置图像的替换文本。不确定6. Form元素的submit属性指示表单的提交方法。7. 在网页的head部分插入内部样式表，需要使用标记。8. CSS的display属性可以将内联元素与块元素互换。9. 有样式规则pfont-size:14px;line-height:150%;he

21、ight:100px，则相应段落文字的行高应该为14*150%=21。10. 最低公用标准的浏览器文档对象模型中，顶层的对象是window。二.判断题（每题一分，共10分）1. Web标准是由浏览器厂商统一制定的。（X）2. HTML的本质是纯文本文件。（V）3. 实际制作网页时，对网页的高度要求要严格得多。（X）4. 当前主流的显示器分辨率为800*600.（X）5. h1的默认样式，margin为0°（x）6. XHTML不区分大小写。（X）7. 同一个外部样式表可以被多个网页所使用。（V）8. 行内样式（内联样式）的优先级最高。（V）9. 网页中的JavaScript代码，由浏

22、览器解释执行。（V）10. JavaScript 是基于 ：对象的语言。（V）三单选题（20分，每题2分）1. title元素应该包含在A 元素中。A. headB.bodyC.divD.table2. 下列不是 HTML语法要求的是？DA. 双标记必须关闭B. 禁止交叉嵌套C. 属性值要使用双引号包含D. 区分大小写3. 单选钮的in put标记的type属性的正确取值为？DA.textB.sin gleC.checkboxD.radio4. 下述哪个表示 HTML电子邮件链结？ BA. <a mailto= ” >联系我们 </a>B. <a href= &q

23、uot;mailto: ”联系我们 </a>C. <a href= ” >联系我们 ></a>D. <mail></mail>5. 以下哪个元素已经不再推荐使用？CA.imgB.li nkC.fo nt D.br6. 当表格table用于布局，以下哪个不是常规的属性设置？DA.cellspaci ng= "0”B.border="0”C.cellpaddi ng= "0 ”D.width= "100%7. 以下不是伪类的是：CA.hoverB.li nkC.deleteD.active8.

24、 CSS 中定义.outerbackground-color:red的含义是？ BA. 网页中某个id=outer的元素，背景色是红色B. 网页中class=outer的元素，背景色是红色C. 网页中元素名为.outer的元素，背景色为红色D. 网页中class=.outer的元素，背景色是红色9. 关于JavaScript的语法特点，说法正确的是 CA. 是一种强类型语言B. 需要编译生成可执行的二进制文件cddcccddddddC. 是脚本编程语言D. 不区分大小写10. go（ D）是哪个对象的方法？A.docume ntB.wi ndowC.lo cati onD.history答案：

25、addbcdcbcd四.应用题（30分，每题6分）1. 为什么有时在网页中有时以图片的方式来呈现，这样做有什么弊端？图像文本不能被自动翻译成其它语言；不能被搜索引擎索引。2. 块元素和内联元素的特点分别是什么？块：总是独占一行；宽度缺省是它所在容器100%，除非设定一个宽度值；宽度和高度可设。内：可以和其他元素共居一行；宽度和高度不可设置（img例外3. 既然浏览器可以按照图像的正常大小显示，为什么还要设置img标记的width、height属 性？图像指定height和width属性是一个好习惯。如果设置了这些属性，就可以在页面加载 时为图像预留空间。如果没有这些属性，浏览器无法了解图像的尺

26、寸，也就无法为图像保留 合适的空间，因此当图像加载时，页面的布局就会发生变化。4. 简述最低公用标准浏览器文档对象模型的特点？最低公用标准的浏览器文档对象模型特点：是一个最低公用标准，可在所有浏览器下安全使用；对象按照层次进行组织具有严格的层次结构；可以操控的对象非常有限；访问每个对象要从根对象开始。5. 假设某HTML页面的文档结构图如下所示HTML 有样式规则定义如下:headtitle_Ih1h2imgPh2imgPbodybodyfont-family :黑体;fon t-size:12px; coloured;fon t-weight; normal;afont-family:宋体；*fon t-size:16px;请回答以下问题：宋体，16px，蓝色，normal,16px，红色,normal,16px，红色，normal,A) a链结文字的字体、字号、颜色、字重分别为？B) h1文字的字体、字号、颜色、字重分别为？黑体,C) h2文字的字体、字号、颜色、字重分别为？黑体, 五综合题20分(每题10分)1一站点的目录结构如下图所示，根目录为，请将空白处代码补全，没空2.5分。请补全以下代码：A. 假定在in dex.htm中插入图片ba

人人文库> 全部分类> 应用文书 > 作业报告

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论