下载文档原格式
网页设计考试题+参考答案一、单选题（共30题，每题1分，共30分）1.当通过定义列表实现图文混排时，可以定义图片解释说明文字的标记是（）。
A、<'li><'/li>B、<'dd><'/dd>C、<'dl><'/dl>D、<'dt><'/dt>正确答案：B2.下列选项中，表示网页主体的标记是（）。
A、bodyB、headC、htmlD、h1正确答案：A3.下列标记中，用于定义HTML文档所要显示内容的是（）。
A、<'html><'/html>B、<'body><'/body>C、<'head><'/head>D、<'title><'/title>正确答案：B4.对于网页制作者来说web的含义是什么？（）A、可以简单理解为网页B、传输协议C、超媒体D、万维网的缩写正确答案：A5.<'div>标记是网页布局中最常用的标记，其显示类型为（）。
A、行内块类型B、块级类型C、行内类型D、浮动类型正确答案：B6.下面标记中，表示换行的标记是（）。
A、<'h1>B、<'enter>C、<'hr />D、<'br />正确答案：D7.如果有两个上下并列关系的盒子，上面盒子的下外边距是30px，下面盒子的上外边距是20px，那么这两个盒子之间的间距是（）。
A、20像素B、30像素C、10像素D、50像素正确答案：B8.下列选项中，不是<'img />标记属性的是（）。
A、srcB、widthC、altD、href正确答案：D9.text-transform属性用于控制英文字符的大小写。
一、单选题（一道题一分）1.在HTML中，下面是超链接标签的是：（ A ）A<A>…</A>B<IMG>…</IMG>C<FONT>…</FONT>D<P>…</P>2.给所有的＜h1＞标签添加背景颜色的是（ B）A、 h1 {background-color:#FFFFFF}B、 h1 {background-color:#FFFFFF;}C、 h1.all {background-color:#FFFFFF}D、 #h1 {background-color:#FFFFFF}3.在色彩的RGB系统中，32位十六进制数000000表示的颜色是( C ).A、白色B、红色C、黑色D、灰色4.下列关于XHTML中的CSS样式表的说法正确的是（C ）A、 CSS样式表的基本选择器有：标记选择器、Id选择器和类选择器及后代选择器B、 CSS样式表仅具有继承性C、对于定义样式div .p{color:red;}意思是div下面的应用了类p的标签的字体颜色为红色D、 ID选择器在CSS样式表具有最高优先级5.关于网页中的换行，说法错误的是（ D ）。
A.可以使用<br>标签换行B.可以使用<p>标签换行C.使用<br>标签换行，行与行之间没有间隔；使用<p>标签换行，两行之间会空一行D.可以直接在HTML代码中按下回车键换行，网页中的内容也会换行6．用于设置表格背景颜色的属性的是( B )A backgroundB bgcolorC BorderColorD backgroundColor7、怎样使一个层垂直居中于浏览器中（B ）A、 padding: 50% 50%B、 margin: 50% 50%C、 margin: 0 autoD、 margin: -100 auto8.在客户端网页脚本语言中最为通用的是(A )A.javascriptB.VBC.PerlD.ASP9.在Photoshop中，给对象填充背景色和前景色的快捷键分别是（A ）A. CTRL+DEL ALT+DELB. ALT+DEL CTRL+DELC. SHIFT+DEL CTRL+ENTERD. CTRL+ENTER SHIFT+DEL10.若要对图像进行自由变换，可以先单击（ B ）菜单，再找到“自由变换”命令。
网页制作理论考试题及答案一、选择题（每题2分，共20分）1. HTML是用于描述网页文档的一种语言，它的全称是（）。
A. Hyper Text Markup LanguageB. Hyper Text Transfer ProtocolC. Hyper Text Transport LanguageD. Hyper Text Transfer Language答案：A2. 在HTML中，用于定义最重要的标题的标签是（）。
A. `<h1>`B. `<h6>`C. `<h3>`D. `<h2>`答案：A3. CSS中的选择器`body`用于选择（）。
A. 所有的HTML元素B. 所有的HTML属性C. 文档的整个身体部分D. 所有的HTML标签答案：C4. 在HTML中，用于创建无序列表的标签是（）。
A. `<ul>`B. `<ol>`C. `<li>`D. `<dl>`答案：A5. 下面哪个属性用于设置HTML元素的宽度和高度（）。
A. `height` 和 `width`B. `size` 和 `length`C. `dimension` 和 `measure`D. `span` 和 `scope`答案：A6. 在HTML中，用于创建有序列表的标签是（）。
A. `<ul>`B. `<ol>`C. `<li>`D. `<dl>`答案：B7. 在CSS中，`display`属性的值`none`表示（）。
A. 元素可见，但是不占据空间B. 元素不可见，且不占据空间C. 元素可见，且占据空间D. 元素不可见，但占据空间答案：B8. 在HTML中，用于创建定义列表的标签是（）。
A. `<ul>`B. `<ol>`C. `<dl>`D. `<li>`答案：C9. 在HTML中，用于创建表格的标签是（）。
网页设计考试试题（网页制作基础知识）网页设计一、单选题1．“常用”面板中的“图像”按钮，在_____区域中。
A．插入面板B．属性面板C．面板组D．菜单栏2．_____在面板组中。
A．CSS B．文件C．属性面板D．框架3．在表单中允许用户从一组选项中选择多个选项的表单对象是_____。
A．单选按钮B．列表/菜单C．复选框D．单选按钮组4．超级链接主要可以分为文本链接、图像链接和_____。
A．锚链接B．瞄链接C．卯链接D．瑁链接5．CSS表示_____。
A．层B．行为C．样式表D．时间线6．能够设置成口令域的_____。
A．只有单行文本域B．只有多行文本域C．是单行、多行文本域D．是多行文本标识7．为了标识一个HTML文件应该使用的HTML标记是_____。
A．《p》《/P》B．《body》《/body》C．《html》《/html》D．《table》《/table》8．超级链接是一种_____的关系。
A．一对一B．一对多C．多对一D．多对多9．在下面的描述中，不适合于JavaScript的是_____。
A．基于对象的B．基于事件的C．跨平台的D．编译的10．_____技术把网页中的所有页面元素看成是对象，能让所有页面元素对事件做出响应。
A.HTML B．CSS C．DOM D．XML11．HTML代码《img src=“name”》表示_____。
A．添加一个图像B．排列对齐一个图像C．设置围绕一个图像的边框的大小D．加入一条水平线12．Dreamweaver的文本菜单中，Style→Underline表示_____。
A．从字体列表中添加或删除字体B．将选定文本变为粗体C．将选定文本变为斜体D．在选定文本上加下划线13．《frameset cols=#》是用来指定_____。
A．混合分框B．纵向分框C．横向分框D．任意分框14．Dreamweaver的插入菜单中，Table表示_____。
A．打开插入图像对话框B．打开创建表格的对话框C．插入与当前表格等宽的水平线D．插入一个有预设尺寸的层15．单击_____可以选中表单虚线框。
web二级等级考试上机试题及答案一、选择题（每题2分，共20分）1. HTML文档的根元素是：A. <html>B. <head>C. <body>D. <title>答案：A2. CSS中设置字体颜色的属性是：A. colorB. fontC. text-colorD. font-color答案：A3. 在JavaScript中，用于获取元素的DOM操作是：A. getElementByIdB. getElementsByClassNameC. querySelectorD. All of the above答案：D4. 下列哪个标签用于定义最重要的标题？A. <h1>B. <h6>C. <p>D. <div>答案：A5. 在HTML中，用于插入图片的标签是：A. <img>B. <picture>C. <image>D. <photo>答案：A6. CSS选择器中，用于选择类名为"example"的元素的符号是：A. #B. .C. :D. %答案：B7. JavaScript中，用于定义函数的关键字是：A. functionB. defC. funcD. declare答案：A8. 在HTML5中，用于定义文档类型和HTML版本的标签是：A. <!DOCTYPE html>B. <html>C. <doctype>D. <html5>答案：A9. CSS中，用于设置元素的宽度和高度的属性是：A. width和heightB. sizeC. dimensionD. All of the above答案：A10. JavaScript中，用于在控制台输出信息的函数是：A. console.logB. printC. alertD. log答案：A二、填空题（每题2分，共20分）1. HTML中的语义化标签____用于定义导航链接。
一、设计内容及评分标准：
二、上机考试说明
1、主题范围：和谐校园、风景旅游、体育赛场、个人网页、学生社团、电
子商场网站、产品展示、教学网站、文学网站、音乐网站。
从以上的主题中选定一个主题（或自定主题），并利用框架或表格布局页面；
2、主页样式
可以采用表格或者框架来布局、可以加入导航栏（菜单）。
（以下的样式供参考，可以自行设计，但要求将之前的子页面在主页上链接。
）
3、在网页中定义一个CSS样式，利用此CSS样式控制页面中元素的格式；
4、要运用表单技术完成如下的表单页面：
试设计一个留言板，该留言板包括如下内容：标题(单行文本框，宽度20)、作者(单行文本框，宽度10)、留言内容(多行文本框，宽度40，行数为5)。
当按
下“提交”按钮时，则向服务器提交表单内容，当按下“清空”按钮时，所有内容被清空。
表单ACTION属性值为POST.ASP，METHOD属性值为POST。
请设计该表单（注：不用编写ASP程序，只需完成该留言板的html页面内容。
）
页面要求用表单制作，如下样式为参考样式：
5、CSS样式
新建CSS样式表（内部样式或者外部样式表文件），对所做的网页进行样式套用。
6、其它内容
其它内容按照“一、设计要求”的要求答题。
一、选择题（40分,每题2分）1、通常网站的首页被称为（A ）A、主页B、网页C、页面D、网址2、网页的基本语言是（ C ）A、JavaScriptB、VBScriptC、HTMLD、XML3、浏览网页工具被称为浏览器，目前最为流行的浏览器有两种，其中一种就是微软公司开发的（ B ）浏览器。
A、NavigatorB、IEC、WebBrowserD、PageViewer4、（C）通常不是网页布局的实现方法。
A、层布局B、表格布局C、表单布局D、帧布局5、HTML的中文翻译是（ B ）A、网页语言B、超文本标记语言C、标记语言D、网页编程语言6、HTML文件的扩展名通常为（ A ）。
A、htmlB、htmC、txtD、asp7、HTML文件由许多元素嵌套而成，其中最顶层的元素是（ C ）。
A、HEADB、BODYC、HTMLD、XML8、下面哪个符号不是HTML的特殊字符（D）A、空格符B、换行符C、版权符号D、邮件标示符@9、（ B ）元素用来在网页中插入一个图片。
A、FONTB、IMGC、TABLED、P10、下面哪个元素不属于表格元素（ D ）。
A、TRB、TDC、THD、TITLE11、超链接元素A有很多属性，其中用来指明超链接所指向的URL的属性是（A）A、hrefB、herfC、targetD、link12、下在哪个选项表示的是提交按钮（C）。
A、INPUT，type=”text”B、INPUT，type=”button”C、INPUT，type=”subnit”D、INPUT，type=”checkbox”13、下面哪种技术不属于动态网页技术（D）。
A、层技术B、脚本语言技术C、层叠样式表D、动画图片技术14、下面哪种样式表不属于层叠样式表（C）。
A、嵌入式样式表B、内联式样式表C、内部样式表D、外部样式表15、嵌入式样式表通常包含在HTML文档的头部，它有一个专门的HTML元素来标识，这个元素是（B）。
网页制作基础试题及答案一、单项选择题（每题2分，共10分）1. HTML是用于描述网页文档的一种标记语言，其全称是：A. Hyper Text Markup LanguageB. Hyper Text Markup LanguageC. Hyper Text Markup LanguageD. Hyper Text Markup Language答案：A2. 在HTML中，用于定义最重要的标题的标签是：A. <h6>B. <h5>C. <h4>D. <h1>答案：D3. 下列哪个属性用于设置HTML元素的CSS类？A. classB. idC. styleD. type答案：A4. 在HTML中，用于创建无序列表的标签是：A. <ol>B. <ul>C. <dl>D. <menu>答案：B5. 如果你想在网页中插入一个水平线，应该使用哪个HTML标签？A. <hr>B. <line>C. <div>D. <span>答案：A二、多项选择题（每题3分，共15分）1. CSS选择器可以是下列哪些？A. 类选择器B. ID选择器C. 属性选择器D. 伪类选择器答案：ABCD2. HTML5中新增的语义化标签包括：A. <header>B. <footer>C. <article>D. <div>答案：ABC3. 下列哪些标签可以用来定义超链接？A. <a>B. <link>C. <href>D. <anchor>答案：A4. 在HTML中，哪些标签用于定义文档的头部？A. <head>B. <header>C. <title>D. <meta>答案：A5. 在HTML中，哪些标签用于定义文档的主体内容？A. <body>B. <main>C. <section>D. <article>答案：AB三、填空题（每题2分，共10分）1. HTML文档的结构通常以____标签开始，以____标签结束。
一:HTML代码填空（每空5分，共30分）
要求：
1、将以下HTML代码划线部分补充完整；
2、该网页要求支持简体中文；
3、标题为考生真实姓名；
4、三行两列的表格，边框为1个像素；
5、表格第一行合并两个单元格，内容居中显示
6、该网页保存为test1.htm，并浏览网页，按ALT+Print Screen键截图，粘贴到指定位置上。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=①GB2312"> ②<title>考生姓名</title>
</head>
<body>
<table ③border=”1” width="100%">
<tr>
<td width="100%" ④colspan=”2”>
<p ⑤align=”center”>Text</td>
</tr>
<tr>
<td width="50%">Text</td>
<td width="50%">Text</td>
</tr>
⑥<tr>
<td width="50%">Text</td>
<td width="50%">Text</td>
</tr>
</table>
</body>
</html>
运行后的结果粘贴为下方文本框中：
二、HTML代码改错题(每处6分，共30 分)
要求：
1、参照图2将划线语句中错误纠正；
2、该网页为表单的应用；
3、标题为单行文本；
4、内容为多行文本；
5、发布信息按钮的行为为提交；
6、全部重写按钮的行为为重置。
7、该网页保存为test2.htm，浏览网页，按ALT+Print Screen键截图，粘贴到指定位置上。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>标题</title>
</head>
<body>
①<form action="POST" method="">
<p align="center">标题:
②<input type="radio" name="T1" size="56">
</p>
<p align="center">
③<select rows="6" name="S1" cols="60">内容：</select>
</p>
<p align="center">
④<input type="reset" value="发布信息" name="B1">
⑤<input type="submit" value="全部重写" name="B2">
</p>
</form>
</body>
</html>
改错：
①改为：<form method=”POST” action=””>
②改为：<input type="text" name="T1" size="56">
③改为：<textarea rows="6" name="S1" cols="60">内容：</textarea>
④改为：<input type="submit" value="发布信息" name="B1">
⑤改为：<input type="reset" value="全部重写" name="B2">
三，网页制作上机考试题《第3题》
1、使用网页制作工具Frontpage或Dreamweaver设计网页；
2、网页支持简体中文，动态排列，标题为：我的个人网页；（5分）
3、网页背景色为淡蓝色，代码为：#66CCFF；（5分）
4、正文标题文字要求加粗，黑体，6号字；（5分）
5、栏目有我的生活，我的空间，我的图片对应的超级链接分别是jl.htm、sh.htm 、kj.htm、tp.htm；（15分）
6、设置超级链接文本的字体为宋体，白色，3号字，无下划线，鼠标移入时改
变为红色并出现下划线。
（10分
7.具体内容如图
答:
<html>
<head>
<meta http-equiv="Content-Type" content="textml; charset=gb2312">
<title>我的个人网页</title>
<style type="text/css">
<!--
body,td,th {
font-family: 黑体;
font-size: 6pt;
color: #000000;
font-weight: bold;
}
body {
background-color: #66CCFF;
}
.style3 {font-size: 6em}
a {
font-family: 宋体;
font-size: 3pc;
color: #FFFFFF;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
}
-->
</style>
</head>
<body>
<div align="center" class="style3">
<p> 我的个人网页</p>
<p><a href="1.htm">我的生活</a> <a href="sh.htm"> 我的空间</a> <a href="tp.htm">我的图片</a></p>
</div>
</body>
</html>。
