HTML语言与网页设计题库

1、HTML语言与网页设计题库（含答案）第1题判断正误（1） HTML标记符的属性一般不区分大小写。（对）（2） 网站就是一个链接的页面集合。（对）（3）将网页上传到In ternet时通常采用FTP方式。（对）（4） 所有的HTML标记符都包括开始标记符和结束标记符。（错）（5） 用H1标记符修饰的文字通常比用 H6标记符修饰的要小（错）（6） B标记符表示用粗体显示所包括的文字。（对）（7）GIF格式的图象最多可以显示 256种颜色。（对）（8） HTML表格在默认情况下有边框。（错）（9 ）创建图象映射时，理论上可以指定任何形状作为热点。（对）（10）（11）（12）（13）（14）（15）

2、（16）指定滚动字幕时，不允许其中嵌入图象。 在在在在在在HTMLHTMLHTMLHTML HTML HTML表格中, 表格中, 表格中, 表格中, 表格中,错TD和TH标记符都可以用来包括单元格内容。（对）表格的行数等于 TR标记符的个数。（对） 表格的列数等于任意一行中 表格的列数等于任意一行中 表格的列数等于第一行中TH与TD的个数。（错）TH与TD的colspan属性的和。（错） TH与TD的colspan属性的和。（对） 表格中，在 TR、TD或TH标记符中使用 align属性可以控制单元格内容的垂直对齐。（错）（17） HTML表格内容的垂直对齐方式默认为垂直居中。（对）（18）

3、框架是一种能在同一个浏览器窗口中显示多个网页的技术。（对）（19 ）要想在一个网页中嵌套另外一个网页，一般可以使用页内框架。（对）（20）只有在框架结构的网页中，才能将 A标记符的target属性指定为_blank，从而使超链接目标文件在一个新的浏览器窗口中打开。（21 ）在HTML中，与表格一样，表单也能嵌套。（错）（22） 个网页中只能包含一个表单。（错）（23） 在HTML表单中，文本框、口令框和复选框都是用INPUT标记符生成的。（对）（24 ）在HTML表单中，提交按钮和重置按钮都可以用图象表示。（错）（25） 在网页中插入 Flash动画，通常需要使用 OBJECT标记符。（对）（

4、26） Java小应用程序对象既可以用APPLET标记符插入，也可以用OBJECT标记符插入。 （对）（27） 在CSS中，可以用3种以上的方式来表示颜色。（对）（28） CSS 样式表项的组成为：selectorproperty1:value1, property2:value2, （错）（29 ）在CSS中要设置超链接的效果，应指定虚类selector。（对）（30） CSS中的color属性用于设置 HTML元素的背景颜色。（错）第2题单选题（20分）（1） WWW 是的意思。答案： BA. 网页B .万维网C .浏览器 D .超文本传输协议（2） 在网页中显示特殊字符，如果要输入“&l

5、t;”应使用 。答案：DA . lt; B. &Lt; C. &lt D . &It;(3 )以下有关列表的说法中，错误的是： 。 答案：DA .有序列表和无序列表可以互相嵌套。B 指定嵌套列表时，也可以具体指定项目符号或编号样式。C.无序列表应使用UL和LI标记符进行创建。D .在创建列表时，LI标记符的结束标记符不可省略。(4) 以下关于FONT标记符的说法中，错误的是： 答案：D A .可以使用color属性指定文字颜色。B 可以使用size属性指定文字大小(也就是字号)。C.指定字号时可以使用 17的数字。D .语句<FONT size="+2&

6、quot;>这里是2号字</FONT>将使文字以2号字显示。(5) 以下关于JPEG图像格式中，错误的是： 答案：BA 适合表现真彩色的照片。B .最多可以指定1024种颜色。C.不能设置透明度。D 可以控制压缩比例。答案：A答案:(6 )如果要在表单里创建一个普通文本框，以下写法中正确的是：A. <INPUT>B. <INPUT type="password">C. <INPUT type="checkbox">D. <INPUT type="radio">(7 )以

7、下有关表单的说明中，错误的是： 。 答案：CA .表单通常用于搜集用户信息。B .在FORM标记符中使用 action属性指定表单处理程序的位置。 C.表单中只能包含表单控件，而不能包含其他诸如图片之类的内容。D .在FORM标记符中使用 method属性指定提交表单数据的方法。(8) 在指定单选框时，只有将以下属性的值指定为相同，才能使它们成为BA. type B. name C. value D. checked(9) 创建选项菜单应使用以下标记符： 。答案：AA.SELECT 禾口 OPTIONB.INPUT 和 LABELC.INPUTD.INPUT 禾口 OPTION(10 )以下有

8、关按钮的说法中，错误的是：。答案：BA.可以用图像作为提交按钮。B.可以用图像作为重置按钮。C.可以控制提交按钮上的显示文字。D.可以控制重置按钮上的显示文字。(11)以下说法中，错误的是：。答案：DA.获取WWW服务时，需要使用浏览器作为客户端程序。B.WWW服务和电子邮件服务是In ternet提供的最常用的两种服务。C.网站就是一系列逻辑上可以视为个整体的页面的集合。D.所有网页的扩展名都是.htm。A .网页的本质就是 HTML源代码。B 网页就是主页。C.使用"记事本”编辑网页时，应将其保存为.htm或.html后缀。D 本地网站通常就是一个完整的文件夹。(13) 以下说法

9、中，错误的是： 。答案：DsA 主页是网站中的一个特定页面。B .网页中的注释可以放在任何位置。C.在HTML中，&nbsp;表示空格。D .在 HTML 中，&It;表示 。(14) 以下说法中，正确的是： 。答案：CA . P标记符与BR标记符的作用一样。B 多个P标记符可以产生多个空行。C.多个BR标记符可以产生多个空行。D . P标记符的结束标记符通常不可以省略。(15) 要控制水平线的粗细，应使用以下属性： 。答案：CA. colorB. widthC. sizeD. height(16) 以下说法中，错误的是： 。答案：BA . GIF格式的图象采用无损压缩算法进行

10、图象压缩。B .只有GIF格式才能使用透明色。C . GIF格式支持动画。D . GIF格式最多可以显示 256种颜色。(17) 以下说法中，错误的是： 。答案：DA . JPEG格式使用有损压缩算法进行图象压缩。B .处理JPEG格式的图象时，可以控制压缩比率。C . JPEG格式的图象几乎没有颜色限制。D . JPEG格式的图象具有透明色的特点。(18) 以下说法中，正确的是： 。答案：CA .可以通过直接改文件名后缀来修改图象格式。B .矢量图通常比位图的文件尺寸大。C.使用图象处理软件可以修改图象的像素大小。D . Flash是一种位图处理软件。(19) 以下说法中，正确的是： 。答案

11、：BA .在IMG标记符中使用B .在IMG标记符中使用C .在IMG标记符中使用D .在IMG标记符中使用align属性，可以控制图象在页面中的对齐。 align属性，可以控制图象与文字的环绕效果。valign属性，可以控制图象与周围内容的垂直对齐。 valign属性，可以控制图象与周围内容的水平对齐。(20) 以下说法中，错误的是： 。答案：DA .表格在页面中的对齐应在TABLE标记符中使用 align属性。B. 要控制表格内容的水平对齐，应在 TR、TD、TH中使用 align属性。C. 要控制表格内容的垂直对齐，应在 TR、TD、TH中使用valign属性。D. 表格内容的默认水平对

12、齐方式为居中对齐(21) 要创建一个左右框架，左边框架宽度是右边框架的3倍,BA . <FRAMESET cols="*, 2*">B. <FRAMESET cols="*, 3*">C. <FRAMESET rows="*, 2*">D. <FRAMESET rows="*, 3*">(22) 要创建一个上下框架，上边框架高度是下边框架的3 倍是：。答案：DA . <FRAMESET cols="*, 2*">B. <FRAME

13、SET cols="*, 3*">C. <FRAMESET rows="*, 2*">D. <FRAMESET rows="*, 3*">以下HTML语句正确的是:，以下HTML语句正确的A. <FRAMESET cols="100,* "><FRAME><FRAMESET cols="120,*"><FRAME><FRAME></FRAMESET></FRAMESET>B . &l

14、t;FRAMESET rows="100,* "><FRAME><FRAMESET cols="120,*"><FRAME><FRAME></FRAMESET></FRAMESET>C . <FRAMESET cols="100,* "><FRAME><FRAMESET rows="120,*"><FRAME><FRAME></FRAMESET>(23) 要创建一个如

15、图所示的框架，应使用以下代码：C</FRAMESET>D. <FRAMESET rows="100,120,* "><FRAME><FRAME><FRAME></FRAMESET></FRAMESET>(24) 要创建一个如图所示的框架，应使用以下代码:A. <FRAMESET cols="100,* "><FRAME><FRAMESET cols="150,*"><FRAME><FRAME>

16、</FRAMESET></FRAMESET>B. <FRAMESET rows="100,* "><FRAME><FRAMESET cols="150,*"><FRAME><FRAME></FRAMESET></FRAMESET>C. <FRAMESET cols="100,* "><FRAME><FRAMESET rows="150,*"><FRAME><

17、;FRAME></FRAMESET></FRAMESET>D. <FRAMESET rows="100,120,* "><FRAME><FRAME><FRAME></FRAMESET></FRAMESET>（25 ）以下关于框架显示效果的说法中，错误的是：DA. 只有所有相邻框架的边框都设置为 0，才能隐藏边框。B. 可以在 FRAME 标记符中使用 marginwidth 和 marginheight 属性控制框架内容与框架 边框之间的距离。C. 框架的边框默认可以移动。

18、D. 框架默认时有滚动条。（26 ）以下表单控件中，不是由 INPUT 标记符创建的为： CA. 单选框B. 口令框C. 选项菜单D. 提交按钮（27 ）要给表单控件设置标签，以下代码中正确的是：DA. <INPUT type="checkbox" name="news"><LABEL for="news">新闻 </LABEL>B. <INPUT type="checkbox" for="news"><LABEL id="news

19、">新闻 </LABEL>C. <INPUT type="checkbox" for="news"><LABEL name="news"> 新闻 </LABEL>D. <INPUT type="checkbox" id="news"><LABEL for="news">新闻 </LABEL>（28 ）以下选项中不能用来表示 CSS 颜色的是： CA. redB. #FF0000

20、C. rgb（f, 0, 0）D. rgb（100%, 0,0）（29 ）以下选项中不能用来表示 CSS 颜色的是： CA. redB. #F00C. rgb（f, 0, 0）D. rgb（100%, 0,0）（30 ）以下有关样式表项的定义中，正确的是：CA. H1font-family: 楷体 _gb2312, text-aligh:centerB. H1font-family= 楷体 _gb2312, text-aligh=centerC. H1font-family: 楷体 _gb2312; text-aligh:centerD. H1font-family= 楷体 _gb2312;

21、text-aligh=center（32 ）以下有关样式表项的定义中，正确的是：DA. Pfont-size=24px, text-aligh=centerB. Pfont-size:24px, text-aligh:centerC. Pfont-size=24px; text-aligh=centerD. Pfont-size: 24px; text-aligh:center（33 ）以下关于样式表项的定义中，错误的是：CA. H1, H2 color:redB. H1 Bcolor:redC. H1#color_redcolor:redD. A:active color:red第 3 题

22、填空题（ 20 分，每空 2 分，请将答案写在“填空”后面的空中）（1） 如果要为网页指定黑色的背景颜色，应使用以下html语句：<body >（2） <hr width=50%>表示创建一条的水平线。（3） 在0L标记符中，使用属性可以控制有序列表的数字序列样式。（4） 请至少说明GIF格式的两种特点： ；。（5） 请至少说出两种以上的图像处理软件的名称：。（6） 如果要创建一个指向电子邮件someone的超链接，代码应该如下：<a > 指向 some on e 的超链接 </a>（7 ）在给图象指定超链接时，默认情况下总是会显示蓝色边框，如果

23、不想显示蓝色边框，应使用以下语句：<a href= "test.htm"><img src=image.gif ></a>（8）在指定页内超链接的时候，如果在某一个位置使用了<a ="target1">锚点</a>语句定义了锚点，那么应使用以下语句，以便在单击超链接时跳转到锚点定义的位置：<a href=>锚点链接 </a>（9 ）上网浏览网页时，应使用 作为客户端程序。答案：浏览器（10）TITLE 标记符应位于 标记符之间。答案： HEAD（11）要设置网页在黑色背景

24、下显示白色文字，应使用 语句。答案：<bodybgcolor=black text=white>（12）要设置一条一像素粗、200像素长的左对齐的水平线，应使用 语句。答案：<hr size=1 width=200 alig n=left>（13 ）要指定“比默认字体大一号，字体为隶书”的字体效果，可使用<FONT >文字</FONT>语句。（14）要使文字同时显示为粗体和斜体，应使用语句。答案：<B><l>text</B></l>（15） 请至少说明JPEG格式的两种特点： ； 。（16） 在网页

25、中插入图像时，最基本的两个属性是 。答案：src和alt（17） 已知站点文件夹结构如图所示，要在interest.htm这个网页中插入sunset.gif，应使用语句。答案：<img src=./images/s un set.gif>aS C:My Document sIy WebsIyweb3-OiImages® city, gif團 frontpag. gif國 sunset, gif對 index, htmS- interestint erest* htra3- _I favorite由 phot ointerest.htm这个网页中创建一个能跳转到），应使用语

26、句 。答案：<afile1.htm某一个位置使用了<a （18 ）已知站点文件夹结构如图所示，要在 index.htm文件的超链接（链接文字为“返回" href=./index.htm返回 </a>（19）在指定锚点超链接的时候，如果在文件="target1">锚点</a>语句定义了锚点，那么应使用以下语句，以便在 file2.htm中单击超链接时跳转到file1.htm中该锚点定义的位置：<a href=>锚点链接</a>答案：n ame, file2.htm#target1（20）要控制单元格内

27、容与表格框线之间的空白，应在TABLE标记符中使用属性。cellpadding（21） 要使整个表格行米用某种对齐方式，应在标记符中使用aligh属性。答案：tr（22）创建超链接时，要使目标文件在一个新窗口中打开，应使用<a href=test.htm>跳转到新窗口 </a>答案：target=_blank（23）设置超链接的目标框架时，除了可以使用特殊框架名，还可以使用框架集文件中 标记符指定的 name属性所对应的框架。答案： frame（24） 要在表单中添加一个默认时为选中状态的复选框，应使用语句 。答案：<in put type=checkbox ch

28、ecked>（25） 要创建一个图像提交按钮，应将INPUT标记符的type属性指定为 。答案：image（26）在表单中添加选项菜单时，应使用 和标记符，其中，标记符不能省略结束标记符。Select， option， select（27） 要使网页中所有的超链接都不显示下划线，样式表项应为。答案：Atext-decorati on:none（28） 要定义鼠标悬停状态的样式，应使用的selector为。 a:hover或：hover（29） 如果要定义一个可应用于所有标记符的通用类test，应使用coloured答案：.test（30） 要在HTML标记符中直接嵌入样式，应使用标记符的

29、 属性。答案： style填空： bgcolor=black 或 bgcolor=000000 或 bgcolor=#000000 宽度为浏览器窗口宽度 50% type 此空与下空填写（1）无损压缩；（2）至多256色；（3）能够使用透明色；（4）可以使用交错式格式；（5）可以使用动画；中的两种即可。 Win dows 画图、PhotoShop、Pai nt Shop Pro、PhotoDraw、Fireworks、Flash、Freehand中的任意两种均可。另外，还可以包括illustrator， coreldraw等。 href=mailto:some on e border=0 n

30、ame #target1第4题问答题（20分）（1 ）简要说明html的基本工作原理。（5分）答题要点：1、标记符；2、超链接；3、属性。答出后两个要点各得2分，第一个要点得 1分。（2） 简要说明表格与框架布局的区别。（6分）答题要点：1、表格是在同一个网页中将页面划分为不同区域；2、框架是在同一个浏览器窗口中显示多个网页；3、框架可以通过指定超链接的目标框架获得交互式的布局效果。答出 一个要点得2分。（3） 举例说明在网页中使用 CSS样式表的三种方式（都使用对 p标记符应用color属性为 例），并 简要 分析 各自的 特点。提 示：LINK 标记符 的用 法：<LINK rel=

31、 "stylesheet" type= ”text/css” href= ” > （9 分）答题要点：1在标记符中直接嵌套样式信息，例如，p<style="coloured ”红色显示的段落文本</p> ;优点是可以单独指定特定部分的样式，缺点是不利于维护。3分2、在style标记符中指定样式信息，例如<style>pcolor:red</style>优点是能对单独网页进行很好的格式控制和维护，缺点是不利于多个网页的维护。3分3、 链接外部样式表中的样式信息，例如，在当前网页目录中包括以下mycss.css文件：pc

32、olor:red然后在网页中用以下代码 <LINK rel= "stylesheet" type= ”ext/css" href=" ”。优点是利于维护多个网页，缺点是不利于控制单独页面中的个别部分。3分(4) 简要说明 WWW工作的基本原理。要点：浏览器、服务器、地址、超链接(5) 简要说明使用网页图像时应注意的问题。要点：文件较小，数量和质量，动画(6) 任意列举2种可以在页面中添加多媒体效果的方法，并简要说明如何操作。要点：链接多媒体文件，嵌入Flash,使用java(7) 简要说明表单的基本工作原理。要点：填写后由服务器处理，也可客户端处理

33、(8 )简要说明CSS样式表在网页制作中的作用。要点：简化格式化，简化维护，加强表现力。第5题综合题(30分)1编写出实现如图所示页面效果的关键html代码。其中，A、B、C、D、E均为默认字号和默认字体，并且加粗显示，它们都位于各自单元格的正中间， A单元格的高度为200像素，B单元格的高度为100像素，C单元格的宽度为100像素，高度为200像素。(10分)答题要点(标记符是否大小写没有关系)<table width=300 border="1" alig n=cen ter><tr><td rowspa n="2" a

34、lig n="cen ter"><b>A</b><td colspan="2" height="1OO" align="center"><b>B</b><tr alig n="ce nter"><td height="100"><b>E</b><td rowspa n="2"><b>C</b><tr a

35、lig n=cen ter><td colspan="2" height="100"><b>D</b></td></tr></table>评分要点：（不一定要与参考答案完全一致，只要最后能显示出效果即可。）（1 ）正确地写出了表格的行列结构，给4分。（2）正确地设置了表格各单元格大小，给2分。（2） 设置了表格的边框和居中对齐，给2分。（3） 设置了表格行或单元格的水平居中（垂直居中不用设置，如果设置了也不加分），给1 分。（4） 正确地指定了粗体，给1分。2、已知页面效果如图

36、所示（其中的细线效果均为一像素粗细，颜色为黑色），请填写以下html代码中留下的空白（编号相同的空白表示应填写相同的内容），注意填写在题后的空白里。（10分）<TABLE cellspacing=（ 1）cellpadding=（ 2）align="center"><TR height="100"><TD width="100">&n bsp;<TD width="1"（ 3）><TD width="600"><H1 al

37、ign="center"><FONT （ 4 ）="楷体 _gb2312"> 女口梦令</FONT></H1><TR （5）="1"><TD colspan="3"（3）><TR height="600"><TD width="100">&n bsp;<TD width="1"（3）><TD width="600" ali

38、g n="middle" valig n="top"><H3><BR><BR>昨夜雨疏风骤，<BR> 浓睡不消残酒。<BR>试问卷帘人，<BR>却道海棠依旧。<BR>知否？知否？ <BR>应是绿肥红瘦。</H3></TABLE>（1）（2）（3）（4）（5）答案：（1）0 （有无引号均对）（2）0 （有无引号均对）（3）bgcolor=black 或 bgcolor=#000000 （属性值有无引号均对）（4）face（5）hei

39、ght3、已知源代码如下所示（共5个文件，都位于同一目录下），请用文字或示意图（也可结合使用）说明网页效果。（10分）index.htm<HTML><HEAD><TITLE>框架结构 </TITLE></HEAD><FRAMESET cols="150,*"><FRAME src="co nten t.htm"><FRAME src="ma in. htm" n ame="c onten t"></FRAMESET

40、></HTML>content.htm<HTML><HEAD><TITLE> 目录 </TITLE><STYLE>Atext-decoratio n:non e</STYLE></HEAD><BODY><A href=file1.htm target="content"> 文件 1</A><P><A href=file2.htm target="_blank"> 文件 2</A>&l

41、t;/BODY></HTML>main.htm<HTML> 内容 </HTML>file1.htm<HTML> 内容 1</HTML>file2.htm<HTML> 内容 2</HTML>参考答案：要点1:分为左右两框，左边框架为150像素（2分），内容为包含两个超链接的页面（1分），并且超链接没有下划线（1分），右边框架内容为“内容” （1分），整个网页的标题为“框架 结构”（1分）。如果是示意图，应类似下图。文件1内容文件2要点2：单击左边框架中的“文件 1”超链接，将在右边框架中显示“内容 1 ”（

42、2分），单击 左边框架中的“文件 2”超链接，将在一个新窗口中显示“内容 2”（2分）。4、已知网页初始效果如图所示，整个窗口分为左右两框，左边框架为150像素；单击左边框架中的“文件1”超链接，将在右边框架中显示“内容 1 ”；单击左边框架中的“文件 2” 超链接，将在当前整个窗口中显示“内容2”（即框架结构消失）。所有的超链接均没有下划线。请填写以下源代码中的空白。注意：所有5个文件都位于同一目录下。（10分）in dex.htm<HTML><HEAD><TITLE>框架结构 </TITLE></HEAD><FRAMESET

43、 (1)=(2)><FRAME src="co nten t.htm"><FRAME src="main.htm" name=(3)></FRAMESET></HTML>content.htm<HTML><HEAD><TITLE> 目录 </TITLE><STYLE> (4)text-decoratio n:non e</STYLE></HEAD><BODY><A href=file1.htm tar

44、get="content"> 文件 1</A><P><A href=file2.htm target= (5)>文件 2</A></BODY> </HTML>main.htm<HTML> 内容 </HTML>file1.htm<HTML> 内容 1</HTML>file2.htm<HTML> 内容 2</HTML>答案:(1) cols(2) "150,*"(3) content(4) A (大小写均可)(

45、5) "_top"1、编写出实现如图所示页面效果的关键html代码。其中，A、B、C、D、E均为默认字号和默认字体，并且加粗显示，它们都位于各自单元格的正中间，A单元格的高度为100像素，宽度为200像素，B单元格的高度为200像素，宽度为100像素，D单元格的高度为200像 素，宽度为100像素。（10分）d到我的电脑答题要点(标记符是否大小写没有关系)4¥0盘后退停上刷新主贡文件(E)箱辑查看辺收孫通工具帮助®A<table width=300 height=300 border="1" align=center>&l

46、t;tr><td colspa n="2" alig n="ce nter"height="100"><b>A</b><td rowspa n="2" alig n="cen ter"><b>B</b><tr alig n="ce nter"><td rowspa n=2> <b>D</b><td height=100><b>E

47、</b><tr alig n=cen ter><td colspan="2" height="100"> <b>C</b></table>2、已知页面效果如图所示（其中的细线效果均为一像素粗细，颜色为黑色），请填写以下html代码中留下的空白（编号相同的空白表示应填写相同的内容），注意填写在题后的空白里。（10分）<TABLE (1) ="0"cellpadding= ( 2)align="center"><TR height

48、="100"><TD width="100">&n bsp;<TD width="1"(3)><TD width="600"><H1(4) ><FONT face="楷体_gb2312"> 如梦令 </F0NT></H1><TR height="1"><TD (5)="3"(3)><TR height="600"><TD width="100">&n bsp;<TD width="1"(3)><TD width="600" al