Web前端技术试题
Web前端测试题(多套)
前端测试题试题一一．选择题1. 要动态改变层中内容可以使用的方法有（AB ）a)innerHTMLb)innerTextc)通过设置层的隐藏和显示来实现d)通过设置层的样式属性的display属性2. 当按键盘A时，使用onKeyDown事件打印event.keyCode的结果是（A ）a)65b)13c)97d)373. 在javascript里，下列选项中不属于数组方法的是（B）；a)sort()b)length()c)concat()d)reverse()4. 下列哪一个选项可以用来检索被选定的选项的索引号?(B)a)disabledb)selectedIndexc)optiond)multiple5.希望图片具有”提交”按钮同样的功能,该如何编写表单提交?(A)a)在图片的onClick事件中手动提交b)在图片上添加onSubmit事件c)在图片的onSubmit事件中手动提交d)在表单中自动提交6.下列选项中,描述正确的是(选择两项)。
(AD)a)options.add(new Option(…a‟,'A‟))可以动态添加一个下拉列表选项b)option.add(new Option(…a‟,'A‟))可以动态添加一个下拉列表选项c)new Option(…a‟,'A‟)中‟a' 表示列表选项的值,‟A'用于在页面中显示d)new Option(…a‟,'A‟)中‟A' 表示列表选项的值‟a' 用于在页面中显示7. var emp = new Array(3); for(var i in emp) 以下答案中能与for循环代码互换的是: （选择一项）。
(D )A for(var i =0; i<emp; i++)B for(var i =0; i<Array(3); i++)C for(var i =0; i<emp.length(); i++)D for(var i =0; i<emp.length; i++)8. 制作级联菜单功能时调用的是下拉列表框的（A ）事件。
web前端测试题
Web前端面试题（共100分）一、选择题（共30题每个题2分）1.目前在Internet上应用最为广泛的服务是( )A.FTP服务B.WWW服务C.Telnet服务D.Gopher服务2. Web安全色所能够显示的颜色种类为( )A.4种B.16种C.216种D.256种3. 在客户端网页脚本语言中最为通用的是( )。
A、javascriptB、VBC、PerlD、ASP4. 下面不属于CSS插入形式的是( )。
A、索引式B、内联式C、嵌入式D、外部式5. 如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是( )。
A、HTTPB、HTTPSC、SHTTPD、SSL6. 下列Web服务器上的目录权限级别中，最安全的权限级别是( )A、读取B、执行C、脚本D、写入7. Internet上使用的最重要的两个协议是( )A、TCP和TelnetB、TCP和IPC、TCP和SMTPD、IP和Telnet8. body元素用于背景颜色的属性是（）A、alinkB、vlinkC、bgcolorD、background9. 为了标识一个HTML文件开始应该使用的HTML标记是 ( )。
A、<table>B、<body>C、<html>D、<a>10. 在HTML中，单元格的标记是( )。
A、<td>B、<span>C、<tr>D、<body>11. HTML中的元素可分为块级（block）元素和行内（inline）元素，下列哪个元素是块级别元素（）A.<p>B.<b>C.<a>D.<span>12. 在HTML中，标记的Size属性最大取值可以是( )。
A、5B、6C、7D、813.( )是网页与网页之间联系的纽带，也是网页的重要特色。
A.导航条B.表格C.框架D.超链接14. 在HTML中，要定义一个空链接使用的标记是( ).A、<a href=”#”>B、<a href=”?”>C、<a href=”@”>D、<a href=”!”>15. 网页制作技术不可以实现由一个文件控制一大批网页 ( )A、CSS文件B、库C、模板D、层16. 网页中“#000000”表示哪种颜色（）。
Web前端技术试题
[Web前端技术教学]《基于Web标准的网页设计与制作》试题及答案一、单项选择:(每题1、5分,共69分)1、html语言中,创建一个位于文档内部的锚点的语句就是:( )A、<name=“NAME”>B、<name=“NAME”></name>C、<a name=“NAME”></a>D、<a name=“#NAME”></a> 答案:C2、html中的元素可分为块级(block)元素与行内(inline)元素,下列哪个元素就是块级元素:( )A、<p>B、<b>C、<a>D、<span>答案:A3、下列哪条html语句的写法符合XHTML规范:( )A、<br>B、<img src= ”photo、jpg”/>C、<IMG src= ”photo、jpg”></IMG>D、<img src= photo、jpg ></img>答案:B4、在编辑网页时,按“Ctrl+Shift+空格键”插入的HTML源代码为:( )A、 B、 C、&sbnpD、&sbnp;答案:B5、<title></title>标记一般包含在_____标记中。
( )A、<head></head>B、<p></p>C、<body></body>D、<table></table>答案:A6、要在新窗口打开一个链接指向的网页需用到( )A、href＝“_blank”B、Name=“_blank”C、target＝“_blank”D、href＝“#blank”答案:C7、特殊符号©(版权符号)对应的源代码就是:( )A、Copy;B、©C、Copyright;D、©right; 答案:B8、在网页中经常用的图像格式就是:( )A、gif, jpg与pngB、gif, bmp与pngC、bmp, jpg与pngD、psd, gif与png答案:A9、关于JavaScript语言,下列说法中错误就是:( )A、JavaScript语言就是一种解释性语言B、JavaScript语言与操作环境无关C、JavaScript语言与客户端浏览器无关D、JavaScript就是动态的,它可以直接对用户输入做出响应答案:C10、如何能够定义列表的项目符号为实心矩形？( )A、list-type: squareB、type: 2C、type: squareD、list-style-type: square答案:D11、下列哪种CSS属性不能让页面在浏览器中居中显示(网页中所有可显示的元素都包含在一个id为container的div盒子内) ( )A、#container { margin: 0 auto ; width:780px;}B、#container { position: relative; width:780px;left:50%; margin-left: -390px; }C、#container { margin: 0 auto ; width:85%; }D、#container { position: relative; width:780px;right:50%; margin-left: 390px; }答案:D12、下列哪条CSS样式规则就是不正确的:( )A、img { float: left; margin: 20px; }B、img { float: right; width: 120px;height: 80px; }C、img { float: right; right: 30; }D、img { float: left; margin-bottom: 2em; }答案:C13、CSS就是利用什么XHTML标记构建网页布局？( )A、<dir>B、<div>C、<dis>D、<dif>答案:B14、在CSS语言中下列哪一项的适用对象就是"所有对象"？( )A、背景附件B、文本排列C、纵向排列D、文本缩进答案:A15、下列选项中不属于CSS 文本属性的就是( )A、font-sizeB、text-transformC、text-alignD、line-height答案:D16、在CSS 中不属于添加在当前页面的形式就是( )A、内联式样式表B、嵌入式样式表C、层叠式样式表D、链接式样式表答案:D17、在CSS语言中下列哪一项就是"列表样式图象"的语法？( )A、width: <值>B、height: <值>C、white-space: <值>D、list-style-image: <值>答案:D18、下列哪一项就是CSS正确的语法构成？( )A、body:color=blackB、{body;color:black}C、body {color: black;}D、{body:color=black(body}答案:C19、下面哪个CSS属性就是用来更改背景颜色的？( )A、background-color:B、bgcolor:C、color:D、text:答案:A20、怎样给所有的<h1>标签添加背景颜色? ( )A、、h1 {background-color:#FFFFFF}B、h1 {background-color:#FFFFFF;}C、h1、all {background-color:#FFFFFF}D、#h1 {background-color:#FFFFFF}答案:B21、下列哪个CSS属性可以更改样式表的字体颜色？( )A、text-color=B、fgcolor:C、text-color:D、color:答案:D22、下列哪个CSS属性可以更改字体大小？( )A、text-sizeB、font-sizeC、text-styleD、font-style答案:B23、下列哪段代码能够定义所有P标签内文字加粗？( )A、<pstyle="text-size:bold">B、<p style="font-size:bold">C、p {text-size:bold}D、p {font-weight:bold}答案:D24、如何去掉文本超级链接的下划线？( )A、a {text-decoration:no underline}B、a {underline:none}C、a {decoration:no underline}D、a {text-decoration:none}答案:D25、如何设置英文首字母大写？( )A、text-transform:uppercaseB、text-transform:capitalizeC、样式表做不到D、text-decoration:none答案:B26、下列哪个CSS属性能够更改文本字体？( )A、f:B、font=C、font-family:D、text-decoration:none答案:C27、下列哪个CSS属性能够设置文本加粗？( )A、font-weight:boldB、style:boldC、font:bD、font=答案:A28、CSS中,padding:10px 20px 30px 40px代表的填充值顺序分别就是:A、上、右、下、左B、上、下、左、右C、上、左、下、右D、左、右、上、下答案:A29、下列哪个属性能够设置盒模型的左侧外补丁？( )A、margin:B、indent:C、margin-left:D、text-indent:答案:C30、定义盒模型外补丁的时候就是否可以使用负值? ( )A、就是B、否答案:A31、常见的JavaScript框架有jQuery、Prototype、Moottools、ExtJS 与Spry等。
web前端大学考试题及答案
web前端大学考试题及答案一、单项选择题（每题2分，共20分）1. HTML5 中，语义化的标签用来表示导航链接的是：A. `<header>`B. `<footer>`C. `<nav>`D. `<section>`答案：C2. CSS3 中，以下哪个属性用于创建文字的阴影效果？A. `box-shadow`B. `text-shadow`C. `drop-shadow`D. `text-box`答案：B3. JavaScript 中，用于获取页面文档结构的全局对象是：A. `window`B. `document`C. `DOM`D. `global`答案：B4. 在 JavaScript 中，以下哪个方法用于将字符串转换为数字？A. `parseInt()`B. `parseFloat()`C. `Number()`D. 以上都是答案：D5. 以下哪个标签用于定义 HTML 文档的头部信息？A. `<head>`B. `<header>`C. `<title>`D. `<footer>`答案：A6. CSS 中，`display: flex;` 布局方式主要用于创建：A. 网格布局B. 弹性盒子布局C. 表格布局D. 定位布局答案：B7. HTML5 的 `<canvas>` 元素用于：A. 嵌入视频B. 嵌入音频C. 绘制图形D. 嵌入 SVG答案：C8. JavaScript 中，`typeof` 操作符返回的是一个：A. 数字B. 字符串C. 对象D. 布尔值答案：B9. 在 HTML 中，`<form>` 元素的 `method` 属性默认值是：A. `get`B. `post`C. `put`D. 无默认值答案：A10. 使用 CSS 选择器 `#myId` 选择的元素是：A. 所有 class 为 myId 的元素B. 所有 id 为 myId 的元素C. 第一个 class 为 myId 的元素D. 第一个 id 为 myId 的元素答案：B二、填空题（每题3分，共15分）11. HTML5 的 `<video>` 元素可以包含多个 `<source>` 元素，它们之间使用________标签连接。
web前端开发技术试卷六
Web前端开发技术课程考试试卷（六）总分100分考试时间：120分钟考试形式：闭卷一、选择题（每题1分，共20分）1．以下标记符中，用于设置页面标题的是_______。
（A）<title> （B）<caption>（C）<head> （D）<html>2．下列能够实现与用户交互、表单验证的语言是________。
（A）HTML （B）CSS（C）VFP （D）JavaScript3．以下标记中可以导入外部样式表的标记的是_________。
（A）<title> （B）<style>（C）<script> （D）<link>4．用_______符号可以在段落的首行插入空格。
（A）©；（B） （C） ；（D）&space5．下列_________选项可以表达方程的解X2=4中的上标“2”。
（A）<b>2</b> （B）<tt>2</tt>（C）<sub>2</sub> （D）<sup>2</sup>6．在HTML页面上能产生无序列表的选项是_______。
（A）<dir><li>...</li>...</dir> （B）<dl><dt>...<dd>...</dl>（C）<ol><li>...</li>...</ol> （D）<ul><li>...</li>...</ul>7．将超链接的________属性指向子框架的名称属性，可以实现在指定的框架内打开超链接的目标网页。
web前端期末考试试题
web前端期末考试试题# Web前端期末考试试题## 一、选择题（每题2分，共20分）1. 下列哪项不是HTML5的新特性？A. 语义化标签B. 表单控件C. 内联框架D. 地理位置2. CSS3中，下列哪个属性用于创建圆角效果？A. `border-radius`B. `border-style`C. `border-color`D. `border-width`3. JavaScript中，哪个函数用于将数字转换为字符串？A. `parseInt()`B. `parseFloat()`C. `toString()`D. `Number()`4. 下列哪个不是JavaScript中的对象？A. ArrayB. DateC. StringD. None5. 在JavaScript中，使用哪个方法可以获取元素的集合？A. `getElementById()`B. `getElementsByClassName()`C. `getElementsByTagName()`D. 所有选项都是6. 下列哪个框架不是用于前端开发的？A. ReactB. AngularC. Vue.jsD. Spring7. AJAX请求中，哪个状态码表示请求已成功？A. 200B. 404C. 500D. 4038. 在HTML中，`<meta>`标签的`charset`属性用于指定什么？A. 页面标题B. 页面描述C. 页面字符编码D. 页面关键词9. CSS中，`display: none;`和`visibility: hidden;`的区别是什么？A. 前者会移除元素，后者不会B. 前者会隐藏元素，后者会显示C. 两者效果相同D. 前者会隐藏元素，后者会移除10. 以下哪个不是Web前端开发的最佳实践？A. 使用语义化标签B. 避免使用内联样式C. 过度使用JavaScriptD. 优化图片资源## 二、简答题（每题5分，共20分）1. 请简述HTML5的语义化标签有哪些，并说明它们的作用。
web前端基础考试题
Web前端基础考试题一、选择题1. HTML5中的语义化标签有哪些？A. <div>B. <section>C. <article>D. <span>2. CSS中，用于设置背景颜色的属性是？A. background-colorB. colorC. backgroundD. border-color3. JavaScript中，用于输出"Hello, World!"的语句是？A. console.log("Hello, World!");B. alert("Hello, World!");C. document.write("Hello, World!");D. window.prompt("Hello, World!");4. 以下哪个选项不是常见的CSS布局模式？A. 浮动布局B. 表格布局C. FlexboxD. 定位布局5. 在HTML中，用于创建超链接的标签是？A. <a>B. <img>C. <p>D. <div>二、填空题1. 在CSS中，用于设置字体大小的属性是__________。
2. JavaScript中的__________对象用于处理浏览器窗口和文档内容。
3. 在HTML中，__________标签用于定义标题。
4. 创建一个指向外部网页的超链接，需要使用__________属性并指定链接的目标地址。
5. 在JavaScript中，__________方法用于向数组末尾添加一个或多个元素。
三、简答题1. 简述CSS中盒模型的概念及其应用。
2. 解释JavaScript中的事件监听器及其作用。
3. 描述HTML5中新增的语义化标签及其意义。
4. 说明CSS3中实现动画的两种主要方法。
web前端工程师试题及答案
一、填空题（40分）1、目前常用的WEB标准静态页面语言是__html_。
2、改变元素的外边距用___margin_____，改变元素的内填充用___padding_____。
3、对ul li的样式设成无，应该是用什么属性list-styl-type：none。
4、在新窗口打开链接的方法是__target=_bank_。
5、Color:#666666;可缩写为__color：#666_____。
6、合理的页面布局中常听过结构与表现分离，那么结构是__div __，表现是__css_____。
二、选择题1、下列哪些是格式良好的XHTML？BA：<p>A <b><i>short</b></i> paragraph</p>B：<p>A <b><i>short</i></b> paragraph</p>C：<p>A <b><i>short</i></b> paragraph2、在HTML文档中，引用外部样式表的正确位置是？DA：文档的末尾 B：文档的顶部C：<body>部分D：<head>部分三、问答题1、当float和margin同时使用时，IE6的双倍边距BUG如何解决？display：inline；或者margin-right:-3px;2、css代码优化及优化的原因margin-top:20px;margin-right:5px;margin-left:5px;margin-bottom:20px;font-style:italic;font-variant:small-caps;font-weight:bold;font-size:1em;line-height:140%;font-family:”Lucida Grande”,sa ns-serif;color:#336699;答案：margin:20px 5px;font:italic small-caps bold 1em/140% “LucidaGrande”,sans-serif;color:#369;减少页面请求和css解析次数，提高页面响应速度。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
W e b前端技术试题Company Document number：WTUT-WT88Y-W8BBGB-BWYTT-19998[Web前端技术教学]《基于Web标准的网页设计与制作》试题及答案一、单项选择:（每题分,共69分）语言中,创建一个位于文档内部的锚点的语句是:( )A. <name=“NAME”>B.<name=“NAME”></name>C. <a name=“NAME”></a>D.<a name=“#NAME”></a> 答案:C中的元素可分为块级(block)元素和行内(inline)元素,下列哪个元素是块级元素:( )A. <p>B. <b>C. <a>D. <span>答案:A3.下列哪条html语句的写法符合XHTML规范:（）A. <br>B. <img src= ”” />C. <IMG src= ”” ></IMG>D. <img src= ></img>答案:B4.在编辑网页时,按“Ctrl+Shift+空格键”插入的HTML源代码为:( )A.  B. C. &sbnpD. &sbnp;答案:B5.<title></title>标记一般包含在_____标记中。
( )A.<head></head>B.<p></p>C.<body></body>D.<table></table>答案:A6.要在新窗口打开一个链接指向的网页需用到( )A. href＝“_blank”B. Name=“_blank”C. target＝“_blank”D. href＝“#blank”答案:C7.特殊符号（版权符号）对应的源代码是:( )A. Copy；B. ©；C. Copyright；D. ©right；答案:B8.在网页中经常用的图像格式是:( )A. gif, jpg和pngB. gif, bmp和pngC. bmp, jpg和pngD. psd, gif和png答案:A9.关于JavaScript语言,下列说法中错误是:( )A. JavaScript语言是一种解释性语言B. JavaScript语言与操作环境无关C. JavaScript语言与客户端浏览器无关D. JavaScript是动态的,它可以直接对用户输入做出响应答案:C10.如何能够定义列表的项目符号为实心矩形( )A. list-type: squareB. type: 2C. type: squareD. list-style-type: square答案:D11.下列哪种CSS属性不能让页面在浏览器中居中显示(网页中所有可显示的元素都包含在一个id为container的div盒子内) ( )A. #container { margin: 0 auto ; width:780px;}B. #container { position: relative; width:780px;left:50%; margin-left: -390px; }C. #container { margin: 0 auto ; width:85%; }D. #container { position: relative; width:780px;right:50%; margin-left: 390px; }答案:D12.下列哪条CSS样式规则是不正确的:( )A. img { float: left; margin: 20px; }B. img { float: right; width: 120px;height: 80px; }C. img { float: right; right: 30; }D. img { float: left; margin-bottom: 2em; }答案:C是利用什么XHTML标记构建网页布局( )A. <dir>B. <div>C. <dis>D. <dif>答案:B14.在CSS语言中下列哪一项的适用对象是"所有对象"()A. 背景附件B. 文本排列C. 纵向排列D. 文本缩进答案:A15.下列选项中不属于CSS文本属性的是( )A. font-sizeB. text-transformC. text-alignD. line-height答案:D16.在CSS中不属于添加在当前页面的形式是( )A. 内联式样式表B. 嵌入式样式表C. 层叠式样式表D. 链接式样式表答案:D17.在CSS语言中下列哪一项是"列表样式图象"的语法( )A. width: <值>B. height: <值>C. white-space: <值>D. list-style-image: <值>答案:D18.下列哪一项是CSS正确的语法构成( )A. body:color=blackB. {body;color:black}C. body {color: black;}D. {body:color=black(body}答案:C19.下面哪个CSS属性是用来更改背景颜色的( )A. background-color:B. bgcolor:C. color:D. text:答案:A20.怎样给所有的<h1>标签添加背景颜色 ( )A. .h1 {background-color:#FFFFFF}B. h1 {background-color:#FFFFFF;}C. {background-color:#FFFFFF}D. #h1 {background-color:#FFFFFF}答案:B21.下列哪个CSS属性可以更改样式表的字体颜色( )A. text-color=B. fgcolor:C. text-color:D. color:答案:D22.下列哪个CSS属性可以更改字体大小( )A. text-sizeB. font-sizeC. text-styleD. font-style答案:B23.下列哪段代码能够定义所有P标签内文字加粗( )A. <pstyle="text-size:bold">B. <p style="font-size:bold">C. p {text-size:bold}D. p {font-weight:bold}答案:D24.如何去掉文本超级链接的下划线( )A. a {text-decoration:no underline}B. a {underline:none}C. a {decoration:no underline}D. a {text-decoration:none}答案:D25.如何设置英文首字母大写( )A. text-transform:uppercaseB. text-transform:capitalizeC. 样式表做不到D. text-decoration:none答案:B26.下列哪个CSS属性能够更改文本字体( )A. f:B. font=C. font-family:D. text-decoration:none答案:C27.下列哪个CSS属性能够设置文本加粗( )A. font-weight:boldB. style:boldC. font:bD. font=答案:A28. CSS中,padding:10px 20px 30px 40px代表的填充值顺序分别是:A. 上、右、下、左B. 上、下、左、右C. 上、左、下、右D. 左、右、上、下答案:A29.下列哪个属性能够设置盒模型的左侧外补丁( )A. margin:B. indent:C. margin-left:D. text-indent:答案:C30.定义盒模型外补丁的时候是否可以使用负值 ( )A. 是B. 否答案:A31.常见的JavaScript框架有jQuery、Prototype、Moottools、ExtJS和Spry等。
目前jQuery最受开发者追捧,Spry框架是DW CS3中新增的功能。
A. 正确B. 错误答案:A32.网页的本质是( )文件。
A.图像B.纯文本C.可执行文件D.图像和文本的压缩答案:B33.不是动态网页的特点的一项是:A.动态网页可每次显示不同的内容B.动态网页中含动画C.动态网页中含有服务端代码D.动态网页一般需要数据库支持答案: B长度单位有绝对单位、相对单位和百分比。
下列说法正确的是:A. px指屏幕的像素,它是相对单位B. pt指屏幕的像素,它是相对单位C. pt指屏幕的像素,它是绝对单位,屏幕上尺寸不随屏幕分辨率的改变而改变D. pt在印刷行业中常见,是相对单位答案: A35.实现图文混排及首字下沉效果最好的技术方法是:A.浮动B.相对定位C.绝对定位D.以上都对答案: A长度单位有绝对单位、相对单位和百分比。
下列说法正确的是:A. px指屏幕的像素,它是绝对单位.B. pt指屏幕的像素,它是相对单位.C. pt指point,它是绝对单位,打印出的尺寸不随屏幕分辨率的改变而改变.D. pt在印刷行业中常见,是相对单位答案: C默认值为static。
表示:A. 表示不使用定位属性定位B. 表示以浏览器窗口为基准进行绝对定位答案: A38.关于CSS,正确的是:A. 边界margin值可为负,填充padding指不可为负B. 对行内元素设置width或height值也是起作用的C. 使用CSS，只能使用<div></div>进行结构设计D. margin可以单独设置背景颜色答案: A39.当两个块级元素的盒子上下排列时,它们之间的边界(margin)将发生合并,而左右排列时不会。
A. 正确B. 错误答案: A是一种基于对象的语言,而不是面向对象的语言。
A. 正确B. 错误答案: A是事件驱动的语言。
A. 正确B. 错误答案: A变量名不能是关键字或保留字,不区分大小写。
A. 正确B. 错误答案: B对象即属于BOM,又属于DOM。
A. 正确B. 错误答案: A44.对DOM标准支持最好的浏览器是IE。