HTML JS测试题
html-CSS-js题库
Html篇：1.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?∙ IE: trident内核∙ Firefox：gecko内核∙ Safari:webkit内核∙ Opera:以前是presto内核，Opera现已改用Google Chrome的Blink内核∙ Chrome:Blink(基于webkit，Google与Opera Software共同开发)2.每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？答案：<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。
此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
（重点：告诉浏览器按照何种规范解析页面）3.Quirks模式是什么？它和Standards模式有什么区别答案：从IE6开始，引入了Standards模式，标准模式中，浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。
在IE6之前CSS还不够成熟，所以IE5等之前的浏览器对CSS的支持很差， IE6将对CSS提供更好的支持，然而这时的问题就来了，因为有很多页面是基于旧的布局方式写的，而如果IE6 支持CSS 则将令这些页面显示不正常，如何在即保证不破坏现有页面，又提供新的渲染机制呢？在写程序时我们也会经常遇到这样的问题，如何保证原来的接口不变，又提供更强大的功能，尤其是新功能不兼容旧功能时。
遇到这种问题时的一个常见做法是增加参数和分支，即当某个参数为真时，我们就使用新功能，而如果这个参数不为真时，就使用旧功能，这样就能不破坏原有的程序，又提供新功能。
IE6也是类似这样做的，它将DTD当成了这个“参数”，因为以前的页面大家都不会去写DTD，所以IE6就假定如果写了DTD，就意味着这个页面将采用对CSS支持更好的布局，而如果没有，则采用兼容之前的布局方式。
这就是Quirks模式（怪癖模式，诡异模式，怪异模式）。
HTML_JS_CSS_SQL_JAVA测试
HTML CSS JS SQL JAVA测试考试时间：150分钟总分:500分一、HTML&XHTML(30选择题，每题3分)1)HTML指的是？( A )A.超文本标记语言（Hyper Text Markup Language）B.家庭工具标记语言（Home Tool Markup Language）C. 超链接和文本标记语言（Hyperlinks and Text Markup Language）2)web标准的制定者是？( B )A. 微软B. 万维网联盟（W3C）C. 网景公司（Netscape）3)下列的HTML中哪个是最大的标题？( D )A.<h6>B. <head>C. <heading>D. <h1>4)下列的HTML中哪个可以插入折行？( A )A.<br>B.<lb>C.<break>5)下列的HTML中哪个可以添加背景颜色？( C )A.<body color="yellow">B.<background>yellow</background>C.<body bgcolor="yellow">6)请选择产生粗体字的HTML标签：( C )A.<bold>B.<bb>C.<b>D.<bld>7)请选择产生斜体字的HTML标签：( B )A.<i>B.<italics>C.<ii>8)下列的HTML中哪个可以产生超链接？( B )A.<a url=""></a>B.<a href="">W3School</a>C.<a></a>D.<a name=""></a>9)如何制作电子邮件链接？( C )A.<a href="xxx@yyy">B.<mail href="xxx@yyy">C.<a href="mailto:xxx@yyy">D.<mail>xxx@yyy</mail>10)如何在新窗口打开链接？( B )A.<a href="url" new>B.<a href="url" target="_blank">C.<a href="url" target="new">11)以下选项中，哪个全部都是表格标签？( B )A.<table><head><tfoot>B.<table><tr><td>C.<table><tr><tt>D.<thead><body><tr>12)请选择可以使单元格中的内容进行左排列的正确HTML标签：( A )A.<td align="left">B.<td valign="left">C.<td leftalign>D.<tdleft>13)如何产生带有数字列表符号的列表？( C )A.<ul>B.<dl>C.<ol>D.<list>14)如何产生带有圆点列表符号的列表？( D )A.<dl>B.<list>C.<ol>D.<ul>15)下列的HTML中哪个可以产生复选框？( C )A.<input type="check">B.<checkbox>C.<input type="checkbox">D.<check>16)下列的HTML中哪个可以产生文本框？( C )A.<input type="textfield">B.<textinput type="text">C.<input type="text">D.<textfield>17)下列的HTML中哪个可以产生下拉列表？( D )A.<list>B.<input type="list">C.input type="dropdown">D.<select>18)下列的HTML中哪个可以产生文本区？( A )A.<textarea>B.<input type="textarea">C.<input type="textbox">19)下列的HTML中哪个可以插入图像？( C )A.<img href="image.gif>B.<image src="image.gif">C.<img src="image.gif">D.<img>image.gif</img>20)下列的HTML中哪个可以插入背景图像？( A )A.<body background="background.gif">B.<background img="background.gif">C.<img src="background.gif" background>21)以下那些是表单的提交方式？( AB )A.POSTB.GETC.DELETED.SETE.PUT22)哪个链接的内容显示在main框架里？( C )A.<a href=”foo.jsp”target=”_blank”>Foo</a>B.<a href=”foo.jsp”>Foo</a>C.<a href=”foo.jsp”target=”main”>Foo</a>D.<a href=”foo.jsp”targets=”main”>Foo</a>23)那个为div添加了单击事件？( A )A.<div onclick="alert('hello');">Hello</div>B.<div click="alert('hello');">Hello</div>C.<div doclick="alert('hello');">Hello</div>24)如何将左边一框架栏宽度设置为180像素( A )A.<frameset cols="180,*"><frame src="a.jsp"/><frame src="b.jsp"></frameset>B.<frameset cols="180,100%"><frame src="a.jsp"/><frame src="b.jsp"></frameset>C.<frameset cols="180,620"><frame src="a.jsp"/><frame src="b.jsp"></frameset>25)如果需要将iframe边框不可见应当设置那个属性( B )A.borderB.frameborderC.border-all26)要将iframe的滚动条显示出来，需要如何设置？( B )A.scrolling="auto"B.scrolling="yes"C.scrolling="true"27)iframe可否嵌入在DIV中？( A )A.可以B.不可以28)表单的GET请求参数显示在地址栏中，那么在提交表单时多个参数如何区别？( A )A.使用&符号分开B.使用+号分开C.使用空格区分29)若表单中有三个可选框，它们都被选择后，提交该表单，则请求参数形式如何？( D )类别一：<input type="checkbox" name="type" value="01"/>类别二：<input type="checkbox" name="type" value="02"/>类别三：<input type="checkbox" name="type" value="03"/>A.type=03B.type=010203C.type=01,02,03D.type=01&type=02&type=0330) <img src="url.gif" dynsrc="url.avi">表示图象"url.gif"作为视频的封面，该说法（A ）A．正确B．错误31) 指定移动文字的循环次数的HTML代码是（B ）A. <marquee play=#> ... </marquee>B. <marquee loop=#> ... </marquee>C. <marquee auto=#> ... </marquee>D. <marquee time=#> ... </marquee>32.) 创建一个位于文档内部位置的链接的代码是？ AA. <a href="#NAME"></a>B. <a name="NAME"></a>C. <a href="mailto:EMAIL"></a>D. <a href="URL"></a>33.) 下列哪一项是"多选式选单"的语法？ AA. <SELECT MULTIPLE>B. <SAMP></SAMP>C. <ISINDEX PROMPT="***">D.<TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>二、CSS(20选择题，每题5分，共100分)1)CSS 指的是？( B )puter Style SheetsB.Cascading Style SheetsC.Creative Style SheetsD.Colorful StyleSheets2)以下的HTML中，哪个是正确引用外部样式表的方法？( B )A.<style src="mystyle.css">B.<link rel="stylesheet" type="text/css" href="mystyle.css">C.<stylesheet>mystyle.css</stylesheet>3)在HTML文档中，引用外部样式表的正确位置是？( B )A.文档的末尾B.<head>部分C.文档的顶部D.<body>部分4)哪个HTML标签可用来定义内部样式表？( A )A.<style>B.<script>C.<css>5)哪个HTML属性可用来定义内联样式？( D )A.fontB.classC.stylesD.style6)下列哪个选项的CSS语法是正确的？( C )A.body:color=blackB.{body:color=black(body}C.body {color: black}D.{body;color:black}7)如何在CSS文件中插入注释？( A )A.// this is a commentB.// this is a comment //C./* this is a comment */D.' this is a comment8)哪个属性可用来改变背景颜色？( C )A.bgcolor:B.color:C.background-color:9)如何为所有的<h1>元素添加背景颜色？( A )A.h1.all {background-color:#FFFFFF}B.h1 {background-color:#FFFFFF}C.all.h1 {background-color:#FFFFFF}10)如何改变某个元素的文本颜色？( A )A.text-color:B.color:C.fgcolor:D.text-color=11)哪个CSS属性可控制文本的尺寸？( A )A.font-sizeB.text-styleC.font-styleD.text-size12)以下的CSS中，可使所有<p>元素变为粗体的正确语法是? ( C )A.<p style="font-size:bold">B.<p style="text-size:bold">C.p {font-weight:bold}D.p {text-size:bold}13)如何显示没有下划线的超链接？( A )A.a {text-decoration:none}B.a {text-decoration:no underline}C.a {underline:none}D.a {decoration:no underline}14)如何使文本以大写字母开头？( A )A.text-transform:capitalizeB.无法通过CSS来完成C.text-transform:uppercase15)如何改变元素的字体？( C )A.font=B.f:C.font-family:16)如何使文本变为粗体？( B )A.font:bB.font-weight:boldC.style:bold17)如何显示这样一个边框：顶边框10像素、底边框5像素、左边框20像素、右边框1像素( A )A.border-width:10px 1px 5px 20pxB.border-width:10px 20px 5px 1pxC.border-width:5px 20px 10px 1pxD.border-width:10px 5px 20px 1px18)如何改变元素的左边距？( B )A.text-indent:B.margin-left:C.margin:D.indent:19)如需定义元素内容与边框间的空间，可使用padding属性，并可使用负值( A )A.错误B.正确20)如何产生带有正方形的项目的列表？( B )A.list-type: squareB.list-style-type: squareC.type: squareD.type: 2三、JavaScript(20选择题，每题5分，共100分)1)我们可以在下列哪个HTML元素中放置javascript代码？( A )A.<script>B.<javascript>C.<js>D.<scripting>2)写“Hello World”的正确javascript语法是？( A )A.document.write("Hello World")B."Hello World"C.response.write("Hello World")D.("HelloWorld")3)插入Javacript的正确位置是？( C )A.<body>部分B.<head>部分C.<body>部分和<head>部分均可4)引用名为“xxx.js”的外部脚本的正确语法是？( A )A.<script src="xxx.js">B.<script href="xxx.js">C.<script name="xxx.js">5)外部脚本必须包含<script>标签吗？( A )A.是B.否6)如何在警告框中写入“Hello World”？( C )A.alertBox="Hello World"B.msgBox("Hello World")C.alert("Hello World")D.alertBox("Hello World")7)如何创建函数？( B )A.function:myFunction()B.function myFunction()C.function=myFunction()8)如何调用名为“myFunction”的函数？( C )A.call function myFunctionB.call myFunction()C.myFunction()9)如何编写当i等于5时执行某些语句的条件语句？( A )A.if (i==5)B.if i=5 thenC.if i=5D.if i==5 then10)如何编写当i不等于5时执行某些语句的条件语句？(D )A.if =! 5 thenB.if <>5C.if (i <> 5)D.if (i != 5)11)在JavaScript中，有多少种不同类型的循环？( B )A.两种。
HTML+javascript考试题
四海兴唐第二阶段考试题一，选择题（每题2分，共40分）1 . HTML 指的是（A）A.超文本标记语言（Hyper Text Markup Language）B.家庭工具标记语言（Home Tool Markup Language）C.超链接和文本标记语言（Hyperlinks and Text Markup Language）2.Web 标准的制定者是（B）A.微软（Microsoft）B.万维网联盟（W3C）C.网景公司（Netscape）3 . 在下列的 HTML 中，哪个可以添加背景颜色（C）<body color="yellow">A.<background>yellow</background>B.<body bgcolor="yellow">4. 如何在新窗口打开链接（B）A.<a href="url" new>B.<a href="url" target="_blank">C.<a href="url" target="new">5 . 以下选项中，哪个全部都是表格标签（C）A.<table><head><tfoot>B.<table><tr><td>C.<table><tr><tt>D.<thead><body><tr>6 . 如何产生带有圆点列表符号的列表（C）A.<dl>B.<list>C.<ol>D.<ul>7 . 在下列的 HTML 中，哪个可以产生复选框（C）A.<input type="check">B.<checkbox>C.<input type="checkbox">D.<check>8 . 在下列的 HTML 中，哪个可以产生下拉列表（D）A.<list>B.<input type="list">C.<input type="dropdown">D.<select>9 . 在下列的 HTML 中，哪个可以产生文本区（textarea）（A）A.<textarea>B.<input type="textarea">C.<input type="textbox">10 . 在下列的 HTML 中，哪个可以插入背景图像（A）A.<body background="background.gif">B.<background img="background.gif">C.<img src="background.gif" background>11 . 我们可以在下列哪个 HTML 元素中放置 Javascript 代码（A）A.<script>B.<javascript>C.<js>D.<scripting>12 . 写 "Hello World" 的正确 Javascript 语法是（D）A.("Hello World")B."Hello World"C.response.write("Hello World")D.document.write("Hello World")13 . 插入 Javacript 的正确位置是（C）A.<body> 部分B.<head> 部分C.<body> 部分和 <head> 部分均可14 . 引用名为 "xxx.js" 的外部脚本的正确语法是（A）A.<script src="xxx.js">B.<script href="xxx.js">C.<script name="xxx.js">15 . 如何在警告框中写入 "Hello World"（C）A.alertBox="Hello World"B.msgBox("Hello World")C.alert("Hello World")D.alertBox("Hello World")16 . 如何编写当 i 等于 5 时执行一些语句的条件语句（A）A.if (i==5)B.if i=5 thenC.if i=5D.if i==5 then17 . 可插入多行注释的 JavaScript 语法是（C）A./*This comment has more than one line*/B.//This comment has more than one line//C.<!--This comment has more than one line-->18 . 定义 JavaScript 数组的正确方法是？（A）A.var txt = new Array="George","John","Thomas"B.var txt = new Array(1:"George",2:"John",3:"Thomas")C.var txt = new Array("George","John","Thomas")D.var txt = new Array:1=("George")2=("John")3=("Thomas")19 . 打开名为 "window2" 的新窗口的 JavaScript 语法是（D）A.open.new("","window2")B.new.window("","window2")C.new("","window2")D.window.open("","window2")20 . 设置某段文字为红色（C）A. <color value=red>大家好</color>B. <font value=red>大家好</font>C. <font color=red>大家好</font>D. <font clear=red>大家好</font>二，填空（每空1分，共20分）1.WWW的全称为:world wide web，简称3w或者Web，中文名称为万维网。
html+css+js测精彩试题-副本
实用标准文档html+css+js 测试题选择题1. html 是什么意思？a) 高级文本语言b) 超文本标记语言c) 扩展标记语言d) 图形化标记语言2. 哪一个标记用于使html 文档中表格里的单元格占据多个单元格的宽度？a) cellspacingb) cellpaddingc) rowspand) colspan3. 下列那项技术可以用于帮助网页设计时使页面具有统一、专业的外观？a) htmlb) dhtmlc) cssd) url文案大全4. 以下哪个项目不是可以在html文档中使用的特殊字符。
a) > 小于号<b) &tl; < ：大于号>c) ©d) 5. a 文件夹与b 文件夹是同级文件夹，其中a 下有a.htm ，b 下有b.htm 文件，现在我们希望在a.htm 文件中创建超，到b.htm ，应该在a.htm 页面代码中如何描述容？a) b.htmb) ././././b/b.htmc) ../b/b.htmd) ../../b.htm6. 我们想要将表格中加入的图像充满整个单元格，使用哪种方式可以做到？a) size="100"b) size="100%"c) width="100"d) width="100%"7. 不是表单元素input 的类型的是a) text实用标准文档b) radioc) selectd) filee) passwordf) radiog) textareah) hiddeni) checkboxj) option8 . 下列哪种css 样式定义的方式拥有最高的优先级？a) 嵌入b) 行c)c) 导入9 . web 标准的制定者是？a) 微软b) 万维网联盟( w3c )c) 网景公司( netscape )文案大全d) sun 公司10 . 请选择产生粗体字的html 标签：a) <i>b) <b>c) <em>d) <strong>11 . 下边能把超页面显示到框架中的是()？a) <a href=".baidu." target="_blank">baidu<a><iframe src=".baidu." />b) <a href=".baidu." target="myframe">baidu<a><iframe href=".baidu." name="myframe" />c) <a href=".baidu." target="myframe">baidu<a><iframe src=".baidu." name="myframe" />d) <a src=".baidu." target="myframe">baidu<a><iframe href=".baidu." name="myframe" />12 . 以下选项中，哪个全部都是表格标签？a) <table><head><tfoot>b) <table><tr><td>c) <table><tr><tt>d) <thead><body><tr>实用标准文档13 . 以下的html 中，哪个是正确引用外部样式表的方法？a) <style src="mystyle.css">b) <link rel="stylesheet" type="text/css" href="mystyle.css">c) <stylesheet>mystyle.css</stylesheet>14. 如何为所有的<h1> 元素添加背景颜色？a) h1.all {background-color:#ffffff}b) h1 {background-color:#ffffff}c) all.h1 {background-color:#ffffff}15 . css 如何改变某个元素的文本颜色？a) text-color:b) color:c) font-color:16 . 以下的css 中，可使所有<p> 元素变为粗体的正确语法是文案大全a) <p style="font-size:bold">b) <p style="text-size:bold">c) p {font-weight:bold}d) p {text-size:bold}17 . 如何显示没有下划线的超？a) a {text-decoration:none}b) a {text-decoration:no underline}c) a {underline:none}d) a {decoration:no underline}18 . 关于相对定位和绝对定位，下列说确的是()a) 相对定位的元素会脱离标准文档流b) 绝对定位的元素会脱离标准文档流c) 相对定位的位置属性值是相对于最近的父元素的位置d) 绝对定位的位置属性值是相对于最近的父元素的位置19 . 写“ hello world ”的正确javascript 语法是？a) document.write("hello world")b) "hello world"c) response.write("hello world")d) ("hello world")20 . 插入javacript 的正确位置是？a) <body> 部分b) <head> 部分c) <body> 部分和<head> 部分均可21 . 引用名为“ xxx.js ”的外部脚本的正确语法是？实用标准文档a) <script src="xxx.js">b) <script href="xxx.js">c) <script name="xxx.js">22 . 如何在显示提示框，提示hello world ？a) confirm("hello world")b) prompt("hello world")c) alert("hello world")d) show("hello world")23 . 如何创建函数？a) function myfunction(var num){}b) function myfunction(){}文案大全24. 25 . 26. c) void myfunction() {}d) fun = function () {} 匿名函数定义 javascript 数组的正确方法是？a) var txt = new array="tim","kim","jim"b) var txt = new array(1:"tim",2:"kim",3:"jim")c) var txt = new array("tim","kim","jim")d) var txt = new array:1=("tim")2=("kim")3=("jim") 打开名为“ window2 ”的新窗口的 javascripta) open.new(".w3schools.","window2")b) window.open(".w3schools.","window2") c) new(".w3schools.","window2")d) new.window(".w3schools.","window2")下列不属于文档对象的方法的是()a) getElementsByNameb) getElementByIdc) getElementByName语法是？d) getElementsByT agName实用标准文档27. 分析下面这两行代码的作用（）01 <a href= ” javascript:history.back（）” ></a>02 <a href= ” javascript:history.forward（）” ></a>a）代码第1行的作用相当于后退按钮b ）代码第2 行的作用相当于后退按钮c）代码第1行的作用相当于前进按钮d ）以上表述不都不正确28 ．通常情况下，一个url 的格式是（）a）协议//路径名称主机：端口/#哈希标识？搜索条件b）协议//主机：端口/#哈希标识/路径名称？搜索条件c）协议//主机：端口/路径名称？搜索条件d）协议//主机：端口？搜索条件/路径名称#哈希标识29. 对location 对象的叙述错误的是（）a）可以获取当前路径b）可以改变当前路径c）可以用来刷新页面文案大全d）是只读属性,不能修改30. 对下面这段代码分析不正确的是()funtcion submit(){form1.submit();alert( “提交成功” )}function reset(){form1.reset();}a) 调用submit() 可以提交表单b) 调用reset() 重置表单c) 只有点击提交按钮才能提交表单d) submit 事件属于form 表单31. 下列对符号在正则表达式中所表示的意义解释错误的是()a) ?(尖号)：匹配字符串的开头b) $ (美元符号)：匹配字符串的结尾c) ？(问号)：匹配前面的子表达式一次或多次d) (反斜杠)：对特殊字符的特殊元字符含义进行转义实用标准文档32 、产生当前日期的方法是( )a. now();b.date()c.new Date()d.new Now()33 、如果想在网页显示后,动态地改变网页的标题( )a. 是不可能的b. 通过document.write( “新的标题容” )c. 通过document.title=( “新的标题容” )d. 通过document.changetitle( “新的标题容” )34 、在html 页面中，css 样式的属性名为background-image ，对应的js 中style 对象的属性名是()。
html+css+js面试题
html+css+js面试题一、单项选择(165题)1.html是什么意思？a)高级文本语言b)超文本标记语言c)扩展标记语言d)图形化标记语言2.浏览器针对于html文档起著了什么促进作用？a)浏览器用作建立html文档b)浏览器用作查阅html文档c)浏览器用作修正html文档d)浏览器用作删掉html文档3.默认情况下，使用p标记会形成什么效果？a)在文字p所在位置中加入8个空格b)p后面的文字会变成粗体c)开始新的一行d)p后面的文字可以变为斜体4.哪个标记用于表示html文档的结束？a)/bodyb)/htmlc)/tabled)/title5.meta元素的促进作用就是什么？。
a)meta元素用于表达html文档的格式b)meta元素用于指定关于html文档的信息c)meta元素用于实现本页的自动刷新d)以上都不对6.我们在html页面中制作了一个图像，想在鼠标指向这个图像时浮上一条提示信息，必须采用哪个参数努力做到？a)popb)srcc)altd)msg7.以下的哪一种颜色格式支持上百万种颜色，但是不支持无损压缩？a)bmpb)jpgc)gifd)tif8.哪一个标记用作并使html文档中表格里的单元格在同行展开分拆？a)cellspacingb)cellpaddingc)rowspand)colspan9.使用以下那一种元素可以将声音添加到网页里面？a)soundb)bgsoundc)musicd)voice10.以下html代码中，哪一个就是将词语“runawaybride”表明为verdana字体并且字号为5号的恰当代码？a)runawaybride b)runawaybridec)“runawaybride”d)11.在标签中，下列哪个属性用于给参数传递内容？a)addressb)valuec)amountd)method12.超链接无法链接至以下哪个边线？a)同一html文档内的边线b)磁盘上其他html 文档c)internet上html文档d)计算机，你与它之间没有通信链路13.一个文件夹名称叫做parent，其下分一个叫作test.asp的文件，和一个名叫child的文件夹。
HTML+JS考试题
HTML+JS测试题————————————————————————————————作者：————————————————————————————————日期：一. 单选题1. 下面标记中，（）在标记的位置添加一个回车符A. <h1>B.<br>C. <enter>D. <hr>2.要实现以下功能：在网页中插入一个图片joke11.gif,使用者通过单击该图片，连接到joke11.htm上去。
下面的HTML代码，（）是正确的。
A. <A HREF="joke11.htm" IMG:SRC="images/joke11.gif"></A>B. <A HREF="joke11.htm" SRC="images/joke11.gif"></A>C. <A HREF="joke11.htm">< IMG SRC="images/joke11.gif"></A>D. <A HREF="images/joke11.gif" ></A>3. 点击页面的按钮使之打开一个新窗口加载一个网页，以下JavaScript代码中可行的是：（）（选择两项）A. <input type="button" value="new" onclick="open('new.html', '_blank') "/>B. <input type="button" value="new" onclick="window.location='new.html';"/>C. <input type="button" value="new" onclick=" location.assign('new.html');"/>D. <form target="_blank" action="new.html"> <input type="submit" value="new"/> </form>4. 根据以下的HTML代码：h1{color:limegreen;font-family:arial}可以知道（）。
html JavaScript css试题库
一、HTML试题库1、单选题（1） 下列哪个标签是定义标题的（A）A、h1B、hrC、hwD、p（2）html中的注释标签是（C）*A、 <-- -->B、<--! -->C、<!-- -->D、<-- --!>（3）<strong>…</strong>标签的作用是（D）A、斜体B、下划线C、上划线D、加粗（4）网页中的空格在html代码里表示为（B）*A、&B、 C、"D、<（5）定义锚记主要用到<a>标签中的（A）属性。
*A、nameB、targetC、onclickD、onmouseover（6）要在新窗口中打开所点击的链接，实现方法是将<a>标签的target属性设为（A）*A、_blankB、_selfC、_parentD、_top（7）下列代表无序清单的标签是（A）**A、 <ul>…<li>…</ul>B、<ol>…<li>…</ol>C、<hl>…<li>…</hl>D、< li >…< ol >…</ li >（8）定义表单所用的标签是（B）A、tableB、formC、selectD、input（9）要实现表单元素中的复选框，input标签的type属性应设为（B）A、radioB、checkboxC、selectD、text（10）要实现表单元素中的单选框，input标签的type属性应设为（A）A、radioB、checkboxC、selectD、text（11）要使单选框或复选框默认为已选定，要在input标签中加（D）属性*A、selectedB、disabledC、typeD、checked（12）要使表单元素（如文本框）在预览时处于不可编辑状态，显灰色，要在input中加（B）属性*A、selectedB、disabledC、typeD、checked2、多选题（选错、多选、少选都不给分）（1）定义表格常用的3个标签是（ABC ）A、tableB、trC、tdD、tp（2）哪两个属性可用于表格的合并单元格（AD）**A、colspanB、trspanC、tdspanD、rowspan（3）实现下拉列表框，要用到一下哪几个标签（BC）A、inputB、selectC、optionD、radio（4）定义框架要用到以下的哪个标签（BC）*A、frameworkB、framesetC、frameD、framespace（5）要在网页中加入音乐或背景音乐，以下哪个标签可以实现（ABC）*A、embedB、objectC、bgsoundD、sound3、填空题（1）、可用P标签定义段落。
web前端智力测试题(3篇)
第1篇前言欢迎来到本次Web前端智力测试！这是一场针对Web前端开发者技能和知识的挑战。
我们将通过一系列问题来测试你对HTML、CSS、JavaScript以及Web开发相关知识的掌握程度。
请在答题时仔细阅读每个问题，并选择你认为最合适的答案。
祝你测试顺利！一、HTML基础（每题2分，共20分）1. HTML文档的基本结构包括哪些部分？A. 头部（Head）、主体（Body）、尾部（Tail）B. 标题（Title）、头部（Head）、主体（Body）C. 头部（Head）、尾部（Tail）、主体（Body）D. 标题（Title）、头部（Head）、尾部（Tail）2. 以下哪个标签是HTML5新增的？A. <div>B. <header>C. <footer>D. <span>3. 在HTML中，如何将文字加粗？A. <b>文字</b>B. <strong>文字</strong>C. <i>文字</i>D. <em>文字</em>4. 如何在HTML中添加图片？A. <img src="image.jpg" />B. <img src="image.jpg" alt="描述" />C. <img src="image.jpg" title="描述" />D. <img src="image.jpg" width="100" height="100" />5. 以下哪个属性可以控制表格的边框？A. borderB. cellspacingC. cellpaddingD. all6. 如何在HTML中创建有序列表？A. <ul>B. <ol>C. <li>D. <ul type="1">7. 以下哪个标签用于定义表单？A. <form>B. <input>C. <select>D. <textarea>8. 如何在HTML中添加超链接？A. <a href="url">链接文本</a>B. <a src="url">链接文本</a>C. <a link="url">链接文本</a>D. <a url="url">链接文本</a>9. 以下哪个属性可以控制输入框的宽度？A. widthB. sizeC. heightD. max10. 如何在HTML中添加下拉列表？A. <select>B. <option>C. <input type="select">D. <input type="dropdown">二、CSS基础（每题2分，共20分）1. CSS的全称是什么？A. Cascading Style SheetsB. Custom Style SheetsC. Common Style SheetsD. Custom Sheets2. 以下哪个选择器可以选中页面中所有的<p>标签？A. pB. .pC. pD. div3. 如何设置元素的字体大小？A. font-size: 12px;B. fontsize: 12px;C. font-size: 12px;D. font-size: 12px;4. 如何设置元素的背景颜色？A. background-color: red;B. back-color: red;C. bg-color: red;D. background-color: red;5. 如何设置元素的文本颜色？A. color: red;B. text-color: red;C. txt-color: red;D. color: red;6. 如何设置元素的边框？A. border: 1px solid red;B. border: 1px solid red;C. border: 1px solid red;D. border: 1px solid red;7. 如何设置元素的内边距？A. padding: 10px;B. padding: 10px;C. padding: 10px;D. padding: 10px;8. 如何设置元素的边距？A. margin: 10px;B. margin: 10px;C. margin: 10px;D. margin: 10px;9. 如何设置元素的显示方式？A. display: block;B. display: block;C. display: block;D. display: block;10. 如何设置元素的隐藏？A. visibility: hidden;B. visibility: hidden;C. visibility: hidden;D. visibility: hidden;三、JavaScript基础（每题2分，共20分）1. JavaScript的全称是什么？A. JavaScriptB. Java ScriptC. Java ScriptingD. JavaScript2. 如何在HTML中引入JavaScript文件？A. <script src="script.js"></script>B. <script type="text/javascript" src="script.js"></script>C. <script link="script.js"></script>D. <script src="script.js" type="text/javascript"></script>3. 如何在JavaScript中定义变量？A. var a = 10;B. var a = 10;C. var a = 10;D. var a = 10;4. 如何在JavaScript中获取元素的ID？A. getElementById("id");B. getId("id");C. getElementById("id");D. getId("id");5. 如何在JavaScript中获取元素的类名？A. getElementsByClassName("class");B. getClassName("class");C. getElementsByClassName("class");D. getClassName("class");6. 如何在JavaScript中获取元素的标签名？A. getElementsByTagName("tag");B. getTagName("tag");C. getElementsByTagName("tag");D. getTagName("tag");7. 如何在JavaScript中设置元素的文本内容？A. innerHTML = "文本";B. innerHTML = "文本";C. innerHTML = "文本";D. innerHTML = "文本";8. 如何在JavaScript中设置元素的值？A. value = "值";B. value = "值";C. value = "值";D. value = "值";9. 如何在JavaScript中添加事件监听器？A. addEventListener("事件", 函数);B. addEventListner("事件", 函数);C. addEventListener("事件", 函数);D. addEventListner("事件", 函数);10. 如何在JavaScript中创建一个数组？A. var arr = [1, 2, 3];B. var arr = [1, 2, 3];C. var arr = [1, 2, 3];D. var arr = [1, 2, 3];四、Web开发相关（每题2分，共20分）1. 什么是Web标准？A. 指的是HTML、CSS和JavaScript的规范B. 指的是浏览器兼容性C. 指的是网站性能D. 指的是网站设计风格2. 什么是HTML5？A. 是HTML的第五个版本B. 是HTML4的升级版C. 是CSS3的升级版D. 是JavaScript的升级版3. 什么是响应式设计？A. 是指网站能够适应不同屏幕尺寸B. 是指网站能够适应不同浏览器C. 是指网站能够适应不同操作系统D. 是指网站能够适应不同网络环境4. 什么是跨浏览器兼容性？A. 指的是网站能够在不同浏览器中正常显示B. 指的是网站能够在不同操作系统上运行C. 指的是网站能够在不同设备上运行D. 指的是网站能够在不同网络环境下运行5. 什么是SEO？A. 指的是搜索引擎优化B. 指的是搜索引擎营销C. 指的是搜索引擎广告D. 指的是搜索引擎推广6. 什么是Web API？A. 是指Web开发中使用的各种接口B. 是指Web开发中使用的各种框架C. 是指Web开发中使用的各种工具D. 是指Web开发中使用的各种库7. 什么是AJAX？A. 是一种异步JavaScript和XML技术B. 是一种用于网页数据交互的技术C. 是一种用于网页数据传输的技术D. 是一种用于网页数据存储的技术8. 什么是JSON？A. 是一种轻量级的数据交换格式B. 是一种用于网页数据传输的技术C. 是一种用于网页数据存储的技术D. 是一种用于网页数据交互的技术9. 什么是HTTP？A. 是一种用于网页数据传输的协议B. 是一种用于网页数据存储的协议C. 是一种用于网页数据交互的协议D. 是一种用于网页数据展示的协议10. 什么是HTTPS？A. 是一种基于HTTP的安全协议B. 是一种基于HTTPS的安全协议C. 是一种基于HTTP的加密协议D. 是一种基于HTTPS的加密协议五、综合应用（每题5分，共20分）1. 编写一个HTML页面，包含标题、段落、列表、表单和图片。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
一.单选题1.下面标记中，（）在标记的位置添加一个回车符A.<h1>B.<br>C.<enter>D.<hr>2.要实现以下功能：在网页中插入一个图片joke11.gif,使用者通过单击该图片，连接到joke11.htm上去。
下面的HTML代码，（）是正确的。
A.<A HREF="joke11.htm"IMG:SRC="images/joke11.gif"></A>B.<A HREF="joke11.htm"SRC="images/joke11.gif"></A>C.<A HREF="joke11.htm"><IMG SRC="images/joke11.gif"></A>D.<A HREF="images/joke11.gif"></A>3.点击页面的按钮使之打开一个新窗口加载一个网页，以下JavaScript代码中可行的是：（）（选择两项）A.<input type="button"value="new"onclick="open('new.html','_blank')"/>B.<input type="button"value="new"onclick="window.location='new.html';"/>C.<input type="button"value="new"onclick="location.assign('new.html');"/>D.<form target="_blank"action="new.html"><input type="submit"value="new"/></form>4.根据以下的HTML代码：h1{color:limegreen;font-family:arial}可以知道（）。
A．此段代码是一个ID选择器B．选择器的名称是colorC．{}部分是对h1这个元素的解释D．Limegreen和font-family都是值5.在HTML中，下列代码（）可以实现每隔60秒自动刷新页面的功能。
A.<meta http-equiv="refresh"content="1">B.<meta http-equiv="refresh"content="60">C.<meta http-equiv="expires"content="1">D.<meta http-equiv="expires"content="60">6.阅读下面的JavaScript代码：<HTML><BODY><SCRIPT type="text/javascript">function f(y){var x=y*y;return x;}for(x=0;x<5;x++){y=f(x);document.writeln(y);}</SCRIPT></BODY></HTML>输出结果是（）。
A.01234B.014916C.01491625D.以上答案都不对7.以下代码片段中，属于绝对定位的是（）。
A．#box{width:100px;height:50px;}B.#box{width:100px;height:50px;position:absolute;}C.#box{width:100px;height:50px;position:static;}D．#box{width:100px;height:50px;position:relative;}8.以下选项可以定义不带下划线的超链接是（）。
A．a{text-decoration:no underline}B．a{underline:none}C．a{decoration:no underline}D．a{text-decoration:none}9.根据以下的HTML代码：<html><head><style type="text/css">.water{color:green;font-family:arial}.danger{color:red;font-family:arial;font-weight:bold;}</style></head><body><p class="water">test water</h1><p class="danger">test danger</h2><p>WaterDanger<br><em class="danger">italic</em></body></html>以下说法正确的是（）。
A．该段代码有一个类选择器B．WaterDanger没有使用任何的选择器C．“Italic”的颜色是绿色D．“test danger”运用的选择器是water和danger10.以下关于Javascript中事件的描述中，不正确的是：（）A.onclick——鼠标单击事件B.onfocus——获取焦点事件C.onmouseOver——鼠标指针移动到事件源对象上时触发的事件D.onchange——选择字段时触发的事件11.下列代码片段用于（）…<body background="back_image.GIF">A.在页面左边的背景中显示图像"back_image.GIF"B.将"back_image.GIF"图像平铺填充到整个页面的背景中C.在页面顶部显示图像"back_image.GIF"D.在页面背景的中间显示图像"back_image.GIF"12.关于下列代码片段的说法中，（）是正确的。
…<hr size="5"color="red"width="50%">A.size是指水平线的长度B.size是指水平线的宽度C.width是指水平线的宽度D.size是指水平线的高度13.下列属性哪一个能够实现层的隐藏（）。
A．display:false B．display:hidden C．display:none D．display:""14.下面语句中，（）可以在网页上通过链接直接打开客户端的发送邮件的工具发送电子邮件。
A．<A HREF=“telnet:zhangming@”>发送反馈信息</A>B．<A HREF=“mail:zhangming@”>发送反馈信息</A>C．<A HREF=“ftp:zhangming@”>发送反馈信息</A>D．<A HREF=“mailto:zhangming@”>发送反馈信息</A>15.HTML中，设置表格中文字与边框距离的标签是（）。
A.<table border=#>B.<table cellspacing=#>C.<table cellpadding=#>D.<table width=#or%>16.考察以下程序片段:var str=“12px”;var s=str.indexof(“2”);alert(s);以下选项正确的是？A.输出1B.输出2C.输出pD.输出1217.下面对于JavaScript中的单选按扭Radio的说法正确的是（）。
（选择两项）A.单选按钮可以通过单击“选种”和“未选中”选项来进行切换B.单选按钮没有checked属性C.单选按钮支持onClick事件D.单选按钮的Length属性返回一个选项组中单选项的个数18.以下哪一个样式属性可以控制字体的大小（）。
A．text-size B．font-size C．text-style D．font-style19.<select>标签用于创建（）。
A.表格B.框架C.下拉框D.多选框20.要在页面中绘制一条水平线，要求水平线左对齐显示、宽度占整个文档宽度的80％、粗细为5个像素、不带阴影。
下列语句正确的是（）。
A．<HR size="5"align="left"width="80">B．<HR noshade size="5"align="left"width="80">C．<HR noshade size="5"align="left"width="80%">D．<HR noshade size="5"width="80%">21.哪个对象包括了alert()方法？A．window B．document C．location D．screen22.下面语句中，（）将HTML页面的标题设置为“HTML练习”。
A.<HEAD>HTML练习</HEAD>B.<TITLE>HTML练习</TITLE>C.<H>HTML练习</H>D.<T>HTML练习</T>23.想要使用户在单击超链接时，弹出一个新的页面窗口，下面（）选项符合要求。