web网页设计期末习题题目练习.docx

上传人:b****3 文档编号:13282661 上传时间:2023-06-12 格式:DOCX 页数:17 大小:151.41KB
下载 相关 举报
web网页设计期末习题题目练习.docx_第1页
第1页 / 共17页
web网页设计期末习题题目练习.docx_第2页
第2页 / 共17页
web网页设计期末习题题目练习.docx_第3页
第3页 / 共17页
web网页设计期末习题题目练习.docx_第4页
第4页 / 共17页
web网页设计期末习题题目练习.docx_第5页
第5页 / 共17页
web网页设计期末习题题目练习.docx_第6页
第6页 / 共17页
web网页设计期末习题题目练习.docx_第7页
第7页 / 共17页
web网页设计期末习题题目练习.docx_第8页
第8页 / 共17页
web网页设计期末习题题目练习.docx_第9页
第9页 / 共17页
web网页设计期末习题题目练习.docx_第10页
第10页 / 共17页
web网页设计期末习题题目练习.docx_第11页
第11页 / 共17页
web网页设计期末习题题目练习.docx_第12页
第12页 / 共17页
web网页设计期末习题题目练习.docx_第13页
第13页 / 共17页
web网页设计期末习题题目练习.docx_第14页
第14页 / 共17页
web网页设计期末习题题目练习.docx_第15页
第15页 / 共17页
web网页设计期末习题题目练习.docx_第16页
第16页 / 共17页
web网页设计期末习题题目练习.docx_第17页
第17页 / 共17页
亲,该文档总共17页,全部预览完了,如果喜欢就下载吧!
下载资源
资源描述

web网页设计期末习题题目练习.docx

《web网页设计期末习题题目练习.docx》由会员分享,可在线阅读,更多相关《web网页设计期末习题题目练习.docx(17页珍藏版)》请在冰点文库上搜索。

web网页设计期末习题题目练习.docx

web网页设计期末习题题目练习

第一套

一、填空题(20分每空2分)

1.RGB色彩模型最多可以表示(224)种颜色。

2.HTML页面的正文应该放在(body)标记对中。

3.下拉列表的列表项应该放在(option)标记对中。

4.三种样式表中,与代码结合最紧密的是(内联)。

5.Css中填充的属性是(padding)。

6.当页面使用外部样式时,应该在页面的头部分使用(link)标记。

7.(伪类)用于指定选择符的状态。

8.表单可以用两种方式来提交,一是点击提交按钮,二十在脚本中显示表单的

(submit)方法。

9.最低公用标准的浏览器文档对象模型中(document)对象代表窗口显示的html文档。

10.w3cDOW按照ID获取HTML元素对象的方法是(getElementById())。

二、判断题,判断以下说法的对错(10分,每题1分)

1、HTML是一种网页编程语言。

(×)

2、HTML不允许交差嵌套。

(√)

3、HTML元素的ID属性不能以数字开头。

(√)

4、URL地址属于绝对路径。

(√)

5、P标记没有默认样式。

(×)

6、内联元素可以嵌套块元素。

(×)

7、border属性是不能被继承的。

(√)

8、JavaScript只能用于客户端编程.(×)

9、在最低公用标准的浏览器文档对象模型中,不是所有的HTML元素都是对象。

(√)

10、W3CDOM是以树形结构表示HTML文档的。

(√)

三、单选题(32分,每题2分)

1、jpg格式图像适用于以下哪种图片?

(D)

A.动画C.公司logo

B.图标D.人物照片

2、以下为内联元素(inlineelement)的是?

(B)

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;

    }

    请选择站点

    新浪

    搜狐

    展开阅读全文
    相关搜索
    资源标签

    当前位置:首页 > 医药卫生 > 基础医学

    copyright@ 2008-2023 冰点文库 网站版权所有

    经营许可证编号:鄂ICP备19020893号-2