HTML_XML与网页制作测试题及答案电子教案.doc
HTML/XML与网页制作复习资料第1题 判断正误(1)HTML标记符的属性一般不区分大小写。(对)(2)网站就是一个链接的页面集合。(对)(3)将网页上传到Internet时通常采用FTP方式。(对)(4)所有的HTML标记符都包括开始标记符和结束标记符。(错)(5)用H1标记符修饰的文字通常比用H6标记符修饰的要小(错)。(6)B标记符表示用粗体显示所包括的文字。(对)(7)GIF格式的图象最多可以显示256种颜色。(对)(8)HTML表格在默认情况下有边框。(错)(9)创建图象映射时,理论上可以指定任何形状作为热点。(对)(10)指定滚动字幕时,不允许其中嵌入图象。(错)(11)在HTML表格中,TD和TH标记符都可以用来包括单元格内容。(对)(12)在HTML表格中,表格的行数等于TR标记符的个数。(对)(13)在HTML表格中,表格的列数等于任意一行中TH与TD的个数。(错)(14)在HTML表格中,表格的列数等于任意一行中TH与TD的colspan属性的和。(错)(15)在HTML表格中,表格的列数等于第一行中TH与TD的colspan属性的和。(对)(16)在HTML表格中,在TR、TD或TH标记符中使用 align 属性可以控制单元格内容的垂直对齐。(错)(17)HTML表格内容的垂直对齐方式默认为垂直居中。(对)(18)框架是一种能在同一个浏览器窗口中显示多个网页的技术。(对)(19)要想在一个网页中嵌套另外一个网页,一般可以使用页内框架。(对)(20)只有在框架结构的网页中,才能将A标记符的target属性指定为_blank,从而使超链接目标文件在一个新的浏览器窗口中打开。错(21)在HTML中,与表格一样,表单也能嵌套。(错)(22)一个网页中只能包含一个表单。(错)(23)在HTML表单中,文本框、口令框和复选框都是用标记符生成的。(对)(24)在HTML表单中,提交按钮和重置按钮都可以用图象表示。(错)(25)在网页中插入Flash动画,通常需要使用OBJECT标记符。(对)(26)Java小应用程序对象既可以用APPLET标记符插入,也可以用OBJECT标记符插入。(对)(27)在CSS中,可以用3种以上的方式来表示颜色。(对)(28)CSS样式表项的组成为selectorproperty1value1, property2value2, (错)(29)在CSS中要设置超链接的效果,应指定虚类selector。(对)(30)CSS中的color属性用于设置HTML元素的背景颜色。(错)第2题 单选题(1)WWW是 的意思。答案BA网页 B万维网 C浏览器 D超文本传输协议 (2)在网页中显示特殊字符,如果要输入“”,应使用_。答案DAlt; B C (3)以下有关列表的说法中,错误的是。答案DA有序列表和无序列表可以互相嵌套。B指定嵌套列表时,也可以具体指定项目符号或编号样式。C无序列表应使用 UL 和 LI 标记符进行创建。D在创建列表时,LI 标记符的结束标记符不可省略。(4)以下关于FONT标记符的说法中,错误的是答案DA可以使用 color 属性指定文字颜色。B可以使用 size 属性指定文字大小(也就是字号)。C指定字号时可以使用 17 的数字。 D语句 FONT size2这里是2号字/FONT 将使文字以2号字显示。(5)以下关于JPEG图像格式中,错误的是答案BA适合表现真彩色的照片。B最多可以指定1024种颜色。C不能设置透明度。 D可以控制压缩比例。(6)如果要在表单里创建一个普通文本框,以下写法中正确的是 。 答案AAB typepasswordC typecheckboxD typeradio(7)以下有关表单的说明中,错误的是 。 答案CA表单通常用于搜集用户信息。B在 标记符中使用 action 属性指定表单处理程序的位置。C表单中只能包含表单控件,而不能包含其他诸如图片之类的内容。D在 标记符中使用 属性指定提交表单数据的方法。(8)在指定单选框时,只有将以下 属性的值指定为相同,才能使它们成为一组。答案BAtype Bname Cvalue Dchecked(9)创建选项菜单应使用以下标记符 。 答案AASELECT 和 OPTIONB 和 LABELCD 和 OPTION(10)以下有关按钮的说法中,错误的是 。答案BA可以用图像作为提交按钮。B可以用图像作为重置按钮。C可以控制提交按钮上的显示文字。D可以控制重置按钮上的显示文字。(11)以下说法中,错误的是 。答案DA获取WWW服务时,需要使用浏览器作为客户端程序。BWWW服务和电子邮件服务是Internet提供的最常用的两种服务。C网站就是一系列逻辑上可以视为一个整体的页面的集合。D所有网页的扩展名都是 .htm。(12)以下说法中,错误的是 。答案BA网页的本质就是HTML源代码。B网页就是主页。C使用“记事本”编辑网页时,应将其保存为 .htm 或 .html 后缀。D本地网站通常就是一个完整的文件夹。(13)以下说法中,错误的是 。答案DsA主页是网站中的一个特定页面。B网页中的注释可以放在任何位置。C在HTML中, 表示空格。D在HTML中, 表示 。(14)以下说法中,正确的是 。答案CAP标记符与BR标记符的作用一样。B多个P标记符可以产生多个空行。C多个BR标记符可以产生多个空行。DP标记符的结束标记符通常不可以省略。(15)要控制水平线的粗细,应使用以下属性 。答案CAcolorBwidthCsizeDheight(16)以下说法中,错误的是 。答案BAGIF格式的图象采用无损压缩算法进行图象压缩。B只有GIF格式才能使用透明色。CGIF格式支持动画。DGIF格式最多可以显示256种颜色。(17)以下说法中,错误的是 。答案DAJPEG格式使用有损压缩算法进行图象压缩。B处理JPEG格式的图象时,可以控制压缩比率。CJPEG格式的图象几乎没有颜色限制。DJPEG格式的图象具有透明色的特点。(18)以下说法中,正确的是 。答案CA可以通过直接改文件名后缀来修改图象格式。B矢量图通常比位图的文件尺寸大。C使用图象处理软件可以修改图象的像素大小。DFlash是一种位图处理软件。(19)以下说法中,正确的是 。答案BA在 IMG 标记符中使用 align 属性,可以控制图象在页面中的对齐。B在 IMG 标记符中使用 align 属性,可以控制图象与文字的环绕效果。C在 IMG 标记符中使用 valign 属性,可以控制图象与周围内容的垂直对齐。D在 IMG 标记符中使用 valign 属性,可以控制图象与周围内容的水平对齐。(20)以下说法中,错误的是 。答案DA表格在页面中的对齐应在 TABLE 标记符中使用 align 属性。B要控制表格内容的水平对齐,应在 TR、TD、TH 中使用 align 属性。C要控制表格内容的垂直对齐,应在 TR、TD、TH 中使用 valign 属性。D表格内容的默认水平对齐方式为居中对齐(21)要创建一个左右框架,左边框架宽度是右边框架的3倍,以下HTML语句正确的是BAFRAMESET cols*, 2*BFRAMESET cols*, 3*CFRAMESET rows*, 2*DFRAMESET rows*, 3*(22)要创建一个上下框架,上边框架高度是下边框架的3倍,以下HTML语句正确的是 。答案DAFRAMESET cols*, 2*BFRAMESET cols*, 3*CFRAMESET rows*, 2*DFRAMESET rows*, 3*(23)要创建一个如图所示的框架,应使用以下代码CA. FRAMESET cols100,* FRAME FRAMESET cols120,* FRAME FRAME /FRAMESET/FRAMESETBFRAMESET rows100,* FRAME FRAMESET cols120,* FRAME FRAME /FRAMESET/FRAMESETCFRAMESET cols100,* FRAME FRAMESET rows120,* FRAME FRAME /FRAMESET/FRAMESETDFRAMESET rows100,120,* FRAME FRAME FRAME/FRAMESET/FRAMESET(24)要创建一个如图所示的框架,应使用以下代码BA. FRAMESET cols100,* FRAME FRAMESET cols150,* FRAME FRAME /FRAMESET/FRAMESETBFRAMESET rows100,* FRAME FRAMESET cols150,* FRAME FRAME /FRAMESET/FRAMESETCFRAMESET cols100,* FRAME FRAMESET rows150,* FRAME FRAME /FRAMESET/FRAMESETDFRAMESET rows100,120,* FRAME FRAME FRAME/FRAMESET/FRAMESET(25)以下关于框架显示效果的说法中,错误的是DA. 只有所有相邻框架的边框都设置为0,才能隐藏边框。B. 可以在 FRAME 标记符中使用 marginwidth 和 marginheight 属性控制框架内容与框架边框之间的距离。C. 框架的边框默认可以移动。D. 框架默认时有滚动条。(26)以下表单控件中,不是由 标记符创建的为CA. 单选框B. 口令框C. 选项菜单D. 提交按钮(27)要给表单控件设置标签,以下代码中正确的是DA. typecheckbox namenewsLABEL fornews新闻/LABELB. typecheckbox fornewsLABEL idnews新闻/LABELC. typecheckbox fornewsLABEL namenews新闻/LABELD. typecheckbox idnewsLABEL fornews新闻/LABEL(28)以下选项中不能用来表示 CSS 颜色的是CA. redB. FF0000C. rgbf, 0, 0D. rgb100, 0,0(29)以下选项中不能用来表示 CSS 颜色的是CA. redB. F00C. rgbf, 0, 0D. rgb100, 0,0(30)以下有关样式表项的定义中,正确的是CA. H1font-family楷体_gb2312, text-alighcenterB. H1font-family楷体_gb2312, text-alighcenterC. H1font-family楷体_gb2312; text-alighcenterD. H1font-family楷体_gb2312; text-alighcenter(32)以下有关样式表项的定义中,正确的是DA. Pfont-size24px, text-alighcenterB. Pfont-size24px, text-alighcenterC. Pfont-size24px; text-alighcenterD. Pfont-size 24px; text-alighcenter (33)以下关于样式表项的定义中,错误的是CA. H1, H2 colorredB. H1 BcolorredC. H1color_redcolorredD. Aactive colorred第3题 填空题(1)如果要为网页指定黑色的背景颜色,应使用以下html语句body (2)hr width50表示创建一条 的水平线。(3)在 OL 标记符中,使用 属性可以控制有序列表的数字序列样式。(4)请至少说明 GIF 格式的两种特点 ; 。(5)请至少说出两种以上的图像处理软件的名称 。(6)如果要创建一个指向电子邮件 的超链接,代码应该如下a 指向的超链接(7)在给图象指定超链接时,默认情况下总是会显示蓝色边框,如果不想显示蓝色边框,应使用以下语句a href”test.htm”img srcimage.gif (8)在指定页内超链接的时候,如果在某一个位置使用了a target1锚点语句定义了锚点,那么应使用以下语句,以便在单击超链接时跳转到锚点定义的位置a href 锚点链接(9)上网浏览网页时,应使用 作为客户端程序。答案浏览器(10)TITLE 标记符应位于 标记符之间。答案HEAD(11)要设置网页在黑色背景下显示白色文字,应使用 语句。答案body bgcolorblack textwhite(12)要设置一条一像素粗、200像素长的左对齐的水平线,应使用 语句。答案hr size1 width200 alignleft(13)要指定“比默认字体大一号,字体为隶书”的字体效果,可使用FONT 文字/FONT语句。(14)要使文字同时显示为粗体和斜体,应使用语句 。答案BItext/B/I(15)请至少说明 JPEG 格式的两种特点 ; 。(16)在网页中插入图像时,最基本的两个属性是 。答案src和alt(17)已知站点文件夹结构如图所示,要在 interest.htm 这个网页中插入 sunset.gif,应使用语句 。答案img src/images/sunset.gif(18)已知站点文件夹结构如图所示,要在 interest.htm 这个网页中创建一个能跳转到 index.htm 文件的超链接(链接文字为“返回”),应使用语句 。答案a href/index.htm返回(19)在指定锚点超链接的时候,如果在文件file1.htm某一个位置使用了a target1锚点语句定义了锚点,那么应使用以下语句,以便在file2.htm中单击超链接时跳转到file1.htm中该锚点定义的位置a href 锚点链接答案name, file2.htmtarget1(20)要控制单元格内容与表格框线之间的空白,应在 TABLE 标记符中使用属性 。cellpadding(21)要使整个表格行采用某种对齐方式,应在 标记符中使用aligh属性。答案tr(22)创建超链接时,要使目标文件在一个新窗口中打开,应使用a hreftest.htm 跳转到新窗口 答案target_blank(23)设置超链接的目标框架时,除了可以使用特殊框架名,还可以使用框架集文件中 标记符指定的 name 属性所对应的框架。答案frame(24)要在表单中添加一个默认时为选中状态的复选框,应使用语句 。答案 typecheckbox checked(25)要创建一个图像提交按钮,应将 标记符的 type 属性指定为 。答案image(26)在表单中添加选项菜单时,应使用 和 标记符,其中, 标记符不能省略结束标记符。Select,option,select(27)要使网页中所有的超链接都不显示下划线,样式表项应为 。答案Atext-decorationnone(28)要定义鼠标悬停状态的样式,应使用的selector为 。ahover或 hover(29)如果要定义一个可应用于所有标记符的通用类 test,应使用 colorred答案.test(30)要在 HTML 标记符中直接嵌入样式,应使用标记符的 属性。答案style填空 bgcolorblack或bgcolor000000或bgcolor000000 宽度为浏览器窗口宽度50 type 此空与下空填写(1)无损压缩;(2)至多256色;(3)能够使用透明色;(4)可以使用交错式格式;(5)可以使用动画;中的两种即可。 Windows 画图、PhotoShop、Paint Shop Pro、PhotoDraw、Fireworks、Flash、Freehand中的任意两种均可。另外,还可以包括illustrator,coreldraw等。 border0 name target1第4题 问答题(20分)(1)简要说明html的基本工作原理。(5分)答题要点1、标记符;2、超链接;3、属性。答出后两个要点各得2分,第一个要点得1分。(2)简要说明表格与框架布局的区别。(6分)答题要点1、表格是在同一个网页中将页面划分为不同区域;2、框架是在同一个浏览器窗口中显示多个网页;3、框架可以通过指定超链接的目标框架获得交互式的布局效果。答出一个要点得2分。(3)举例说明在网页中使用CSS样式表的三种方式(都使用对p标记符应用color属性为例),并简要分析各自的特点。提示LINK标记符的用法LINK rel”stylesheet” type”text/css” href (9分)答题要点1、在标记符中直接嵌套样式信息,例如,pstyle”colorred”红色显示的段落文本;优点是可以单独指定特定部分的样式,缺点是不利于维护。3分2、在style标记符中指定样式信息,例如stylepcolorred/style优点是能对单独网页进行很好的格式控制和维护,缺点是不利于多个网页的维护。3分3、链接外部样式表中的样式信息,例如,在当前网页目录中包括以下mycss.css文件pcolorred然后在网页中用以下代码LINK rel”stylesheet” type”text/css” href。优点是利于维护多个网页,缺点是不利于控制单独页面中的个别部分。3分(4)简要说明WWW工作的基本原理。要点浏览器、服务器、地址、超链接(5)简要说明使用网页图像时应注意的问题。要点文件较小,数量和质量,动画(6)任意列举2种可以在页面中添加多媒体效果的方法,并简要说明如何操作。要点链接多媒体文件,嵌入Flash,使用java(7)简要说明表单的基本工作原理。要点填写后由服务器处理,也可客户端处理(8)简要说明CSS样式表在网页制作中的作用。要点简化格式化,简化维护,加强表现力。第5题 综合题(30分)1、编写出实现如图所示页面效果的关键html代码。其中,A、B、C、D、E均为默认字号和默认字体,并且加粗显示,它们都位于各自单元格的正中间,A单元格的高度为200像素,B单元格的高度为100像素,C单元格的宽度为100像素,高度为200像素。(10分)答题要点(标记符是否大小写没有关系)table width300 border1 aligncenter tr td rowspan2 aligncenter bA/b td colspan2 height100 aligncenter bB/b tr aligncenter td height100 bE/b td rowspan2 bC/b tr aligncenter td colspan2 height100 bD/b /td /tr/table评分要点(不一定要与参考答案完全一致,只要最后能显示出效果即可。)(1)正确地写出了表格的行列结构,给4分。(2)正确地设置了表格各单元格大小,给2分。(2)设置了表格的边框和居中对齐,给2分。(3)设置了表格行或单元格的水平居中(垂直居中不用设置,如果设置了也不加分),给1分。(4)正确地指定了粗体,给1分。2、已知页面效果如图所示(其中的细线效果均为一像素粗细,颜色为黑色),请填写以下html代码中留下的空白(编号相同的空白表示应填写相同的内容),注意填写在题后的空白里。(10分)TABLE cellspacing (1) cellpadding (2) aligncenterTR height100 TD width100 TD width1 (3) TD width600H1 aligncenterFONT (4) 楷体_gb2312如梦令/FONT/H1TR (5) 1 TD colspan3 (3) TR height600 TD width100 TD width1 (3) TD width600 alignmiddle valigntopH3BRBR昨夜雨疏风骤,BR浓睡不消残酒。BR试问卷帘人,BR却道海棠依旧。BR知否知否BR应是绿肥红瘦。/H3/TABLE(1) (2) (3) (4) (5) 答案(1)0(有无引号均对)(2)0(有无引号均对)(3)bgcolorblack或bgcolor000000(属性值有无引号均对)(4)face(5)height3、已知源代码如下所示(共5个文件,都位于同一目录下),请用文字或示意图(也可结合使用)说明网页效果。(10分)-index.htm-HTMLHEADTITLE框架结构/TITLE/HEADFRAMESET cols150,*FRAME srccontent.htmFRAME srcmain.htm namecontent/FRAMESET/HTML-content.htm-HTMLHEADTITLE目录/TITLESTYLEAtext-decorationnone/STYLE/HEADBODYA hreffile1.htm targetcontent文件1/AA hreffile2.htm target_blank文件2/A/BODY/HTML-main.htm-HTML内容/HTMLfile1.htmHTML内容1/HTMLfile2.htmHTML内容2/HTML参考答案要点1分为左右两框,左边框架为150像素(2分),内容为包含两个超链接的页面(1分),并且超链接没有下划线(1分),右边框架内容为“内容”(1分),整个网页的标题为“框架结构”(1分)。如果是示意图,应类似下图。要点2单击左边框架中的“文件1”超链接,将在右边框架中显示“内容1”(2分),单击左边框架中的“文件2”超链接,将在一个新窗口中显示“内容2”(2分)。4、已知网页初始效果如图所示,整个窗口分为左右两框,左边框架为150像素;单击左边框架中的“文件1”超链接,将在右边框架中显示“内容1”;单击左边框架中的“文件2”超链接,将在当前整个窗口中显示“内容2”(即框架结构消失)。所有的超链接均没有下划线。请填写以下源代码中的空白。注意所有5个文件都位于同一目录下。(10分)-index.htm-HTMLHEADTITLE框架结构/TITLE/HEADFRAMESET (1) (2) FRAME srccontent.htmFRAME srcmain.htm name (3) /FRAMESET/HTML-content.htm-HTMLHEADTITLE目录/TITLESTYLE (4) text-decorationnone/STYLE/HEADBODYA hreffile1.htm targetcontent文件1/AA hreffile2.htm target (5) 文件2/A/BODY/HTML-main.htm-HTML内容/HTMLfile1.htmHTML内容1/HTMLfile2.htmHTML内容2/HTML答案(1)cols(2)150,*(3)content(4)A(大小写均可)(5)_top1、编写出实现如图所示页面效果的关键html代码。其中,A、B、C、D、E均为默认字号和默认字体,并且加粗显示,它们都位于各自单元格的正中间,A单元格的高度为100像素,宽度为200像素,B单元格的高度为200像素,宽度为100像素,D单元格的高度为200像素,宽度为100像素。(10分)答题要点(标记符是否大小写没有关系)table width300 height300 border1 aligncenter tr td colspan2 aligncenter height100 bA/b td rowspan2 aligncenter bB/b tr aligncenter td rowspan2 bD/b td height100bE/b tr aligncenter td colspan2 height100 bC/b/table2、已知页面效果如图所示(其中的细线效果均为一像素粗细,颜色为黑色),请填写以下html代码中留下的空白(编号相同的空白表示应填写相同的内容),注意填写在题后的空白里。(10分)TABLE (1) 0 cellpadding (2) aligncenterTR height100 TD width100 TD width1 (3) TD width600H1 (4) FONT face楷体_gb2312如梦令/FONT/H1TR height1 TD (5) 3 (3) TR height600 TD width100 TD width1 (3) TD width600 alignmiddle valigntopH3BRBR昨夜雨疏风骤,BR浓睡不消残酒。BR试问卷帘人,BR却道海棠依旧。BR知否知否BR应是绿肥红瘦。/H3/TABLE答案(1)cellspacing(2)0(有无引号均对)(3)bgcolorblack或bgcolor000000(属性值有无引号均对)(4)aligncenter(5)colspan1、已知页面效果如图所示,请填写以下html代码中留下的空白。(10分)。table border bgcoloreeeeeetrtd 1 aligncenterb情况登记/btrtd姓名td 2 trtd密码td size20 3 valuepwdtrtd性别td namesex typeradio男 namesex typeradio女trtdtd 4 value提交 typereset 5 /table/2、已知页面效果如图所示(其中的细线效果为一像素粗细,颜色为黑色),请填写以下html代码中留下的空白。(10分)TABLE 1 cellpadding5 aligncenter bgcolorddddddTR TD 2 colspan2B个人信息/BTR bgcolorwhiteTD姓名TD size20TR bgcolorwhiteTD密码TD size20 3 valuepwdTR bgcolorwhiteTD性别TD namesex typeradio男 4 typeradio女TRTDTD value提交 5 typereset