网页设计模拟试题及答案
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第1题判断正误(10分)正确的用T表示，错误的用F表示，每题1分。
（1）HTML标记符通常不区分大小写。
T
（2）网站就是一个链接的页面集合.T
(3）GIF格式的图像最多可以显示1024种颜色。
F
（4）HTML表格在默认情况下有边框。
T
（5）在HTML表格中，表格的行数等于TR标记符的个数。
T
（6)创建图像映射时，理论上可以指定任何形状作为热点.T
（7）指定滚动字幕时，不允许其中嵌入图像。
F
（8）框架是一种能在同一个浏览器窗口中显示多个网页的技术.T
（9）在HTML中，与表格一样，表单也能嵌套.F
（10）CSS样式表项的组成为：selector｛property1:value1，property2:value2, ……} F
第2题选择题（20分）每题中只有一个选项是正确答案，每题4分。
（1)WWW是B的意思。
A．网页B．万维网C．浏览器D．超文本传输协议
（2）以下关于FONT标记符的说法中，错误的是：D。
A．可以使用color 属性指定文字颜色。
B．可以使用size属性指定文字大小(也就是字号）。
C．指定字号时可以使用1~7 的数字。
D．语句〈FONT size=”+2”〉这里是2号字</FONT> 将使文字以2号字显示。
(3）以下说法中，错误的是：D。
A．表格在页面中的对齐应在TABLE 标记符中使用align 属性。
B．要控制表格内容的水平对齐，应在TR、TD、TH 中使用align 属性。
C．要控制表格内容的垂直对齐,应在TR、TD、TH 中使用valign 属性.
D．表格内容的默认水平对齐方式为居中对齐。
（4）要创建一个左右框架，右边框架宽度是左边框架的3倍，以下HTML语句正确的是：B。
A．<FRAMESET cols="*，2＊”> B．<FRAMESET cols="*，3＊”>
C．〈FRAMESET rows=”*，2＊"〉D．〈FRAMESET rows="*, 3*">
(5)以下有关表单的说明，错误的是:C。
A．表单通常用于搜集用户信息.
B．在FORM 标记符中使用action 属性指定表单处理程序的位置。
C．表单中只能包含表单控件，而不能包含其他诸如图片之类的内容。
D．在FORM 标记符中使用method 属性指定提交表单数据的方法。
第3题填空题（20分）每空2分。
（1）如果要为网页指定蓝色的背景颜色和白色的文字颜色，应使用以下html语句：<body ①bgcolor=”blue" text=”white”>
（2）<hr width=50%〉表示创建一条②宽度为浏览器窗口宽度50%的水平线。
(3）在UL 标记符中使用③type属性，可以控制无序列表的项目符号样式。
（4）请至少说明GIF格式的两种特点:④;⑤。
（1）无损压缩；（2）至多256色；（3）能够使用透明色；（4）可以使用交错式格式;（5)可以使用动画;中的两种即可。
(5)请至少说出两种以上的图像处理软件的名称:⑥;⑦。
Windows 画图、Photoshop、Paint Shop Pro、PhotoDraw、Fireworks、Flash、Freehand 中的任意两种均可
（6）如果要创建一个指向电子邮件someone＠mail。
com的超链接,代码应该如下：〈a ⑧href=mailto:someone@>指向someone＠的超链接〈/a>
（7)在给图像指定超链接时，默认情况下总是会显示蓝色边框，如果不想显示蓝色边框，应使用以下语句: 〈a href=”test。
htm"〉〈img src=image.gif ⑨border=0>〈/a〉
(8）要在HTML 标记符中直接嵌入样式，应使用标记符的⑩style属性.
第4题问答题(20分）。
（1）简要说明html的基本工作原理。
（6分）
答：HTML是用来表示Web文档的规范,是用于Web文档的格式化语言.HTML通过标记来标记要显示的网页中的各个部分，以通知Web浏览器应该如何显示网页，即确定网页内容的格式。
浏览器按照顺序阅读HTML文件，然后浏览器根据内容附近的HTML标记来解释和显示内容，这个过程称为语法分析。
例如，如果为某段文字添加了<b></b>标记，浏览器将会以粗体字显示这段文字。
（2）简要说明使用网页图像时应注意的问题（6分）。
答：(1) 少而精。
（2)制作低分辨率图像,加快页面的下载时间。
（3）加入图片的替代文字,也就是图片的说明.
（3）简要说明表格与框架在网页布局时的区别（8分）.
答：(1)表格是在同一个网页中将页面划分为不同区域；
（2）框架是在同一个浏览器窗口中显示多个网页；
（3）框架可以通过指定超链接的目标框架获得交互式的布局效果。
第5题综合题（30分）每题10 分.
（1）已知网页如下图所示，其中表高度为150px，B单元格高度50PX，请将代码补充完整
<TABLE cellspacing=0 cellpadding=0 width=400 （1) border=1>
〈TR align=center （2）〉
<TD width=100 height=150 (3）>A</TD>
〈TD width=300 height=50（4）>B〈/TD> 〈/TR>
〈TR align=center （5）>
〈TD width=100 height=100>C〈/TD〉
<TD width= （6)>D</TD> 〈/TR〉
</TABLE>
（1)height=150(2）height=150（3)rowspan=2(4)colspan=2(5）height=100（6)200
（2）已知网页初始效果如图所示，整个窗口分为左右两框，左边框架为150像素；单击左边框架中的“文件1”超链接，将在右边框架中显示“内容1”；单击左边框架中的“文件2”超链接,将在当前整个窗口中显示“内容2”（即框架结构消失）.所有的超链接均没有下划线。
请填写以下源代码中的空白.注意：所有5个文件都位于同一目录下。
—---—-——-——--—--——-index.htm----—---———--——-—
<HTML>
<HEAD>
<TITLE〉框架结构〈/TITLE〉
〈/HEAD〉
〈FRAMESET (1) =（2）〉
〈FRAME src=”content.htm”>
<FRAME src=”main.htm" name=（3）〉〈/FRAMESET>
</HTML>
—-—---—----—-——content.htm--———---——-————-——-
<HTML〉
<HEAD〉
<TITLE>目录</TITLE〉
<STYLE〉（4）{text—decoration: none｝〈/STYLE>
</HEAD〉
<BODY〉
〈A href=file1.htm target=”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 （5)”_top”
3、已知页面效果如图所示（其中的细线效果均为一像素粗细,颜色为灰色),请填写以下html 代码中留下的空白。
（10分）
〈FORM〉
〈TABLE （1）cellpadding=”5”align="center" bgcolor=”＃cccccc”〉
〈TR〉<TD（2)colspan="2”〉〈B>个人信息</B〉
<TR bgcolor="white”>〈TD〉姓名：〈TD〉<INPUT size=”20"〉
〈TR bgcolor=”white"〉〈TD>密码：<TD>〈INPUT size=”20”（3）value=”pwd”>
〈TR bgcolor=”white”〉〈TD〉职业：〈TD〉
〈select size="1" name="D1">
<option selected>学生〈/option>〈option>教师〈/option>〈option〉职员</option>〈option〉军人</option〉〈option>经理〈/option〉〈option〉其他〈/option〉
</select〉〈TR bgcolor="white”><TD〉收入：<TD〉
〈input type=”radio" value=”V1" （4）/ 〉
<label for="fp2”>2000以上</label>
<input type=”radio”name="R1" value="V2" id="fp2”>
<label（5）>2000以下〈/label>
<TR><TD> ；〈TD〉
〈INPUT value=”提交”type="submit">
〈INPUT type=”reset" value=”重写”〉
</TABLE〉〈/FORM〉
（1）colspan="1" （2）align=”center”(3)type="password”（4）checked （5）for="fp1”。