HTML+JS测试题

合集下载

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.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，中文名称为万维网。

htmlcssjs考试题及答案

htmlcssjs考试题及答案HTML/CSS/JS考试题及答案一、选择题（每题3分，共30分）1. HTML5中，哪个元素用于定义最重要的标题？A. `<h1>`B. `<h6>`C. `<p>`D. `<div>`答案：A2. CSS中，哪个属性用于设置文本的颜色？A. `color`B. `background-color`C. `font-size`D. `text-align`答案：A3. 在HTML中，`<form>`元素的哪个属性用于指定表单数据提交到服务器的URL？A. `action`B. `method`C. `type`D. `href`答案：A4. JavaScript中，哪个函数用于将字符串转换为小写？A. `toLowerCase()`B. `toUpperCase()`C. `trim()`D. `replace()`答案：A5. CSS中，哪个选择器用于选择类名为“header”的所有元素？A. `.header`B. `#header`C. `header`D. `[name="header"]`答案：A6. 在HTML中，哪个元素用于定义客户端脚本？A. `<script>`B. `<noscript>`C. `<embed>`D. `<object>`答案：A7. JavaScript中，哪个对象用于处理浏览器窗口？A. `window`B. `document`C. `navigator`D. `screen`答案：A8. CSS中，哪个属性用于设置元素的宽度？A. `width`B. `height`C. `max-width`D. `min-width`答案：A9. HTML5中，哪个元素用于定义一个节或文档的一部分？A. `<section>`B. `<article>`C. `<div>`D. `<header>`答案：A10. JavaScript中，哪个方法用于将字符串分割成数组？A. `split()`B. `join()`C. `slice()`D. `substring()`答案：A二、填空题（每题4分，共20分）1. HTML中的`<meta>`标签用于提供______信息。

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标签定义段落。

HTMLCSSJS练习题

1.页面代码如下：<html><head></head><body><form id="id1" name="name1"><input type="text" id="txtId" name="txtName"/></form><script type="text/javascript">// 1</script></body></html>在1处写入的JavaScript语句可以将文本框内容改为123的是：（）A.document.getElementById("txtId").value = "123";B.document.forms[0]['txtName'].value="123";C.document.forms['name1']['txtName'].value="123";D.document.getElementsByTagName("input")[0].value="123";正确答案:ABCD2.下列可以生成如下形式表格的代码是：（）A.<table border="1" width="30%"><tr><td colspan="2"></td><td></td></tr><tr><td></td></tr><tr><td rowspan="2"></td><td></td><td></td></tr></table>B.<table border="1" width="30%"><tr><td colspan="2"></td><td></td></tr><tr><td></td></tr><tr><td rowspan="2"></td></tr></table>C.<table border="1" width="30%"><tr><td rowspan="2"></td><td></td></tr><tr><td></td></tr><tr><td colspan="2"></td></tr></table>D.<table border="1" width="30%"><tr><td rowspan="2"></td><td></td></tr><tr><td></td><td></td></tr><tr><td colspan="2"></td></tr></table>正确答案:C3.对于下面的表格：<table border="1" width="30%" id="tb"><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr></table>可以将其第3行的第2列的背景色设置为红色（#ff0000）的代码是：（）A.document.getElementById("tb").cells[2][1].style.background-color='#ff0000';B.document.getElementById("tb").cells[2][1].style.backgroundColor ='#ff0000';C.document.getElementById("tb").rows[2].cells[1].style.backgroundColor='#ff0000';D.document.getElementById("tb").rows[2].cells[1].style.background-color='#ff0000';正确答案:C4.对于下面的表格：<table border="1" width="30%" id="t1"><tbody id="b1"><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr></tbody></table>可以删除表格所有行的代码是：（） A.var tb = document.getElementById("t1");var rows = tb.getElementsByTagName("tr");for(var i=rows.length-1;i>=0;i--) {tb.removeChild(rows[i]);}B.var tb = document.getElementById("b1");var rows = tb.getElementsByTagName("tr");for(var i=rows.length-1;i>=0;i--) {tb.removeChild(rows[i]);}C.var tb = document.getElementById("t1");for(var i=tb.rows.length-1; i>=0;i--) {tb.deleteRow(i);}D.var tb = document.getElementById("b1");for(var i=tb.rows.length-1; i>=0;i--) {tb.deleteRow(i);}正确答案:BCD5.列表页面如下：<select id="s1"><option value="bj">Beijing</option></select>为列表添加一个选项（显示文本为“Shanghai”，value值为“sh”）的代码是：（）A.document.getElementById("s1").options[1]=new Option("Shanghai","sh");B.document.getElementById("s1").addOption(new Option("Shanghai","sh"));C.var op = document.createElement("option");op.value = "sh";op.innerHTML="Shanghai";document.getElementById("s1").appendChild(op);D.document.getElementById("s1").addChild(new Option("Shanghai","sh"));正确答案:AC6.页面代码如下：<div onclick="clickDIV(event)">Click DIV<p onclick="clickP(event)">Click P</p></div><script type="text/javascript">function clickP(e) {var target = e.target || e.srcElement;alert("clickP, target=" + target.tagName);}function clickDIV(e) {var target = e.target || e.srcElement;alert("clickDIV, target=" + target.tagName);}</script>页面呈现为：Click DIVClick P鼠标单击页面中的Click P，则下面的说法正确的是：（） A.clickP方法会被调用，提示输出的结果为：clickP, target=PB.clickDIV方法会被调用，提示输出的结果为：clickDIV, target=DIVC.clickDIV方法会被调用，提示输出的结果为：clickDIV, target=PD.clickP和clickDIV都会被调用，且先后顺序为clickP先，clickDIV后正确答案:ACD7.页面代码如下：<div id="toy" style="width:30px;height:30px;background-color:#ff0000;position:absolute;left:20px"></div>可以使得页面中的DIV每秒向右移动10px一共移动10秒的代码是：（） A.function move() {var toy=document.getElementById("toy");toy.style.left=parseInt(toy.style.left)+10+"px";}var id = window.setInterval(move(), 1000);window.setTimeout(function(){window.clearInterval(id)}, 10000);B.function move(){var toy = document.getElementById("toy");toy.style.left = parseInt(toy.style.left) + 10 + "px";}var id = window.setInterval(move, 1000);window.setTimeout(function(){window.clearInterval(id)}, 10000);C.var id = window.setInterval(function(){var toy = document.getElementById("toy");toy.style.left = toy.style.left + 10;}, 1000);window.setTimeout(function(){window.clearInterval(id)}, 10000);D.var id = window.setInterval(function(){var toy = document.getElementById("toy");toy.style.left = parseInt(toy.style.left) + 10 + "px";}, 1000);window.setTimeout(function(){window.clearInterval(id)}, 10000);正确答案:BD8.打开一个窗口，加载页面1.html的代码是（） A.window.open('', '1.html', 'height=100, width=200, top=0, left=0');B.window.show('', '1.html', 'height=100, width=200, top=0, left=0');C.window.open('1.html', '', 'height=100, width=200, top=0, left=0');D.window.show('1.html', '', 'height=100, width=200, top=0, left=0');正确答案:C9.运行下面的代码：var arry7 = ['BB', 'AAA', 'C'];arry7.sort();alert(arry7);arry7.sort(function(a1, a2) {return a1.length - a2.length;}};alert(arry7);输出的结果是：（） A.AAA BB C 和 C BB AAAB.AAA BB C 和AAA BB CC.C BB AAA 和AAA BB CD.C BB AAA 和C BB AAA正确答案:A10.页面代码如下<ul id="list"><li class="item">ABC</li><li class="item">BCD</li></ul>可以将页面中的“ABC”和“BCD”文字置为红色（#ff0000）的样式是：（） A.ul li {color:#ff0000;}B.ul.item {color:#ff0000;}C.li.item{color:#ff0000;}D.#list li {color:#ff0000;}正确答案:ACD11.下面关于JavaScript的function说法正确的是：（） A.function不声明返回值，但可以返回数据B.funtion的实质是对象C.function的参数个数在运行时确定D.可以通过arguments属性获取function的调用参数正确答案:ABCD12.下面关于JavaScript数组的说法正确的是：（） A.JavaScript数组的长度创建后不可改变B.数组的join方法可以将数组元素连接为字符串C.数组有push和pop方法，可以实现栈的操作D.可以通过new Array的方式构建数组正确答案:BCD13.页面代码如下：<form action="2.html" method="get"onsubmit="return validate();" name="f2"><input type="text" name="username"/><input type="submit" value="Submit"/><input type="button" value="OK"onclick="document.forms['f2'].submit()"/></form><script>function validate() {return false;}</script>下面说法正确的是：（） A.单击“Submit”字样的按钮时，表单不会提交B.如果将表单的onsubmit="return validate();"改写为onclick="validate();"单击“Submit”字样的按钮时，表单不会提交C.单击“OK”字样的按钮时，表单不会提交D.假如如果表单可以提交，且文本框不填写任何数据，则提交后浏览地址栏的地址为：.../1.html?username=null正确答案:A14.点击下面的超链接，在输出“hello”提示后，仍然会产生链接动作的是：（） A.<a href="" onclick="alert('hello');">Click Me</a>B.<a href="javascript:;" onclick="alert('hello');">Click Me</a>C.<a href="" onclick="alert('hello'); return false">Click Me</a>D.<a href="javascript:alert('hello')">Click Me</a>正确答案:A15.下面属于重定向响应用于指定重定向地址的协议头为：（）A.locationB.uriC.redirectD.path正确答案:A16.下列属于HttpServletRequest API的是：（）A.setAttributeB.sendRedirectC.getCookiesD.addCookie正确答案:AC17.Tomcat服务器目录结构中，由JSP引擎生成的Servlet源文件存放的目录是：（）A.serverB.binC.webappsD.work正确答案:D18.下列说法正确的是：（）A.绝对地址应该以“/”开头B.重定向时的绝对地址应该包含应用名（Context Path）C.转发时的绝对地址不应包含应用名（Context Path）D.转发的地址可以是WEB-INF中的地址正确答案:ABCD19.下面关于GET和POST请求，说法正确的是：（） A.POST方式相对GET方式安全，因为POST方式会将提交信息加密B.POST方式提交的中文信息时，需要使用URLEncoder的方式进行编码C.GET方式无法提交表单D.GET方式提交的信息的大小受地址栏长度的限制，而POST方式提交信息的大小由服务器端来设置正确答案:BD20.编写Servlet 的doPost方法时，需要抛出异常是（）A.ServletException,IOExceptionB.ServletException,RemoteExceptionC.HttpServletException,IOExceptionD.HttpServletException,RemoteException正确答案:A21.在Servlet中，下列语句可以正确获取PrintWriter对象的是（） A.PrintWriter out= request.getWriter();B.PrintWriter out = request.getPrintWriter();C.PrintWriter out= response.getWriter();D.PrintWriter out = response.getPrintWriter();正确答案:C22.在J2EE中，对于Httpservlet类的描述，错误的是（） A.我们自己编写的Servlet继承了Httpservlet类，一定需覆盖doPost或者doGetB.HttpServlet类扩展了GenericServlet类，实现了GenericServlet类的抽象方法C.HttpServlet类中处理客户请求和响应时所使用的两个接口是：HttpServletRequest和HttpServletResponseD.我们自己编写的servlet继承了Httpservlet类，一般只需要覆盖doPost方法或者doGet方法不必覆盖service（）方法因为一个service（）方法会调用doPost或者doGet方法正确答案:A23.http协议是（）A.无状态B.有状态C.状态良好的D.局域网正确答案:A24.在J2EE 中，Servlet从实例化到消亡是一个生命周期。

html css js测试题-副本讲解

html+css+js测试题选择题1.html是什么意思？a)高级文本语言b)超文本标记语言c)扩展标记语言d)图形化标记语言2.哪一个标记用于使html文档中表格里的单元格占据多个单元格的宽度？a)cellspacingb)cellpaddingc)rowspand)colspan3.下列那项技术可以用于帮助网页设计时使页面具有统一、专业的外观？a)htmlb)dhtmlc)cssd)url4.以下哪个项目不是可以在h t m l文档中使用的特殊字符。

a)>小于号<b)&tl; &lt：大于号>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)textb)radioc)selectd)filee)passwordf)radiog)textareah)hiddeni)checkboxj)option8 . 下列哪种css样式定义的方式拥有最高的优先级？a) 嵌入b) 行内c) 链接d) 导入9 . web标准的制定者是？a) 微软b) 万维网联盟（w3c）c) 网景公司（netscape）d) sun公司10 . 请选择产生粗体字的html标签：a) <i>b) <b>c) <em>d) <strong>11 . 下边能把超链接页面显示到框架中的是（）？a) <a href="" target="_blank">baidu<a><iframe src="" />b) <a href="" target="myframe">baidu<a><iframe href="" name="myframe" />c) <a href="" target="myframe">baidu<a><iframe src="" name="myframe" />d) <a src="" target="myframe">baidu<a><iframe href="" 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(){}c) void myfunction() {}d) fun = function () {} 匿名函数24. 定义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")25 . 打开名为“window2”的新窗口的javascript语法是？a) open.new("","window2")b) window.open("","window2")c) new("","window2")d) new.window("","window2")26.下列不属于文档对象的方法的是（）a) getElementsByNameb) getElementByIdc) getElementByNamed) getElementsByTagName27.分析下面这两行代码的作用（）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+JavaScript-通关考核

HTML+CSS+JavaScript-通关考核HTML+CSS+JavaScript-通关考核1.【单选题】5分| 在HTML中，以下关于CSS样式中文本属性的说法，错误的是Afont-size用来设置文本的字体大小Bfont-family用来设置文本的字体类型Ccolor用来设置文本的颜色Dtext-align用来设置文本的字体形状2.【判断题】5分| alert( "12""9" ) 的运行结果正确的是A对B错3.【单选题】5分| 在CSS中，下面不属于BOX模型属性的有AfontBmarginCpaddingDborder4.【单选题】5分| 以下说法正确的是A标签是页面链接标签，只能用来链接到其他页面B标签是页面链接标签，只能用来链接到本页面的其他位置C标签的src属性用于指定要链接的地址D标签的href属性用于指定要链接的地址5.【单选题】5分| 以下关于HTML语言中的表格的说法正确的是A在HTML语言中，表单由标签、标签、标签，就有多少个单元格D有多少对标签组成，缺一不可B有多少对标签，就有多少个单元格C有多少对标签，就有多少行6.【单选题】5分| 在HTML中，（）标签用于以预定义的格式显示文本，即文本在浏览器中显示时遵循在HTML源文档中定义的格式。

AB＜IMG＞CD7.【单选题】5分| 在HTML中，（）标签用于在网页中创建表单。

ABCD8.【单选题】5分| 在HTML中，使用HTML元素的class属性，将样式应用于网页上某个段落的代码如下所示：这是一个段落下面选项中，（）正确定义了上面代码引用的样式规则。

A .P{color:red}B #firstp{color:red}C .firstp{color:red}D P.{color:red}9.【单选题】5分| 在HTML中，下面（）不属于HTML文档的基本组成部分。

ABCD【答案】A【解析】略10.【单选题】5分| 在HTML中，下列标签中的()标签在标记的位置强制换行。

HTML+CSS+JS测试题汇总(单选题+多选题100道)

HTML+CSS+JS测试题汇总（单选题+多选题100道）1.HTML 是一种什么语言？A.标记语言B.编程语言C.脚本语言D.超文本库2.HTML 文档可以使用哪个后缀名？A..htmlB..txtC..exeD..xml3.下面的选项中，用于表示HTML 标题的是？A.h1-h6B.headerC.headD.Heading4.<title>是文档的标题，正确的结束标记应该是？A.</title>B.<title>C.<title/>D.<!title>5.下面选项中，哪个是HTML 标题中最大的标题？A.<h1>B.<head>C.<header>D.<h6>6.HTML中的＜p＞＜/p＞标记用来定义？A.一个段落B.一个表格C.一个单元格D.一个标题7.在HTML 页面中，创建水平线用什么标签？A.<hr>B.<br>C.<nr>D.<head>8.下面选项中，用于创建折行（换行）的标签是？A.<br>B.<p>C.<head>D.<hr>9.在HTML中，哪个标签是用来定义重要的文本？A.<strong>B.<i>C.<b>D.<sup>10.在HTML 中，用什么属性来添加图像的URL 地址？A.srcB.addressC.LocationD.Url11.什么属性用来为图像定义可替代的文本？A.AltB.HeightC.widthD.Src12.【多选题】在HTML 中，设置图像的宽度与高度是用哪两个属性？A.HeightB.widthC.srcD.Alt13.创建有序列表使用什么标签？A.<ol>B.<dl>C.<dir>D.<ul>14.下面哪个选项中的标签都是表格标签？A.<table>、<tr>、<td>B.<table>、<tr>、<p>C.<table>、<head>、<tfoot>D.<thead>、<body>、<tr>15.在HTML中有效，规范的注释声明是？A.B.//这是注释C.<--这是注释-->D./*这是注释*/16.什么属性用于定义<table> 是否显示边框？A.borderB.tableborderC.heightD.Width17.什么属性定义单元格应该横跨的列数？A.ColspanB.ColsC.RowsD.Rowspan18.什么HTML 插件用于插入多媒体文件？A.<embed>B.<form>C.<img>D.<table>19.什么标签用于创建供用户输入的HTML 表单？A.<form>B.<img>C.<a>D.<table>20.type 属性的哪个值用于定义密码字段？A.PasswordB.submitC.textD.Radio21.type 属性的哪个值用于定义提交按钮？A.submitB.CheckboxC.textD.radio22.下面选项中，哪个不是<audio> 元素中的属性？A.repeatB.srcC.controlsD.Autoplay23.CSS的作用？A.控制web文档的外观样式？B.存储web脚本C.存储web关键字D.定义web文档的结构24.什么标签定义了内联元素？A.<span>B.<div>C.<h1>D.<p>25.什么标签定义了下拉选项列表？A.<select>B.<input>C.<p>D.<img>26.什么标签定义了文本域？<textarea><input><select><button>27.type 属性的哪个值用于定义单选按钮？A.radioB.passwordC.textD.Submit28.CSS样式标签应该放置于HTML的什么标签内？A.HeadB.external fileC.BodyD.Title29.【多选题】以下哪些是CSS的部分组成？A.选择器B.属性C.属性值D.<p>元素30.如想更改网页界面的背景颜色，使用css哪个属性？A.background-colorB.ground-colorC.colorD.bgcolor31.CSS 添加到HTML中，最好的方式是？A.外部引用B.内部样式表C.内联样式D.标签32.【多选题】关于CSS的特点，正确的说法有？A.便于页面的修改B.减少网页的体积C.便于页面风格的统一D.便于和数据库进行交互33.为什么一个字体的名字放在引号中？A.它由两个或更多的单词组成B.这是一个很少使用的字体C.作为后备字体D.它显示一个字体34.哪个CSS属性用于设置文本的粗细？A.font-weightB.font-sizeC.font-variantD.font-style35.以下哪个值不适用于文本对齐属性？A.evenB.centerC.leftD.Right36.【多选题】color属性接受以下哪些选项？A.十六进制B.颜色关键词C.八进制D.二进制37.text-indent作用于文本中的哪一个部分?A.段落的第一行B.整个段落C.整个段落，除了第一行D.段落的最后一行38.定义HTML文档的背景图的CSS属性为？A.background-imageB.background-positionC.background-colorD.background-repeat39.以下哪个选项是background-image图片路径的正确写法？A.url("pix/weave1.png")B."pix/weave1.png"C.url:pix/weave1.pngD.url:[pix/weave1.png]40.以下几个background-repeat的属性值哪一个可以实现继承？A.InheritB.repeat-xC.no-repeatD.repeat41.如何是背景图像不跟随页面元素滚动？A.background-attachment: fixedB.background-attachment: scrollC.background-attachment: inheritD.background-attachment: none42.【多选题】background-repeat属性值可以设置为？A.RepeatB.no-repeatC.repeat-xD.repeat-y43.这些属性在盒模型中以什么样的顺序工作？A.top->right->bottom->leftB.left->right->top->bottomC.left->top->right->bottomD.top->bottom->left->right44.设置内容的背景色时包括了什么部分？A.PaddingB.bodyC.Padding和marginD.Margin45.【多选题】以下那些选项是border的参数？A.sizeB.ColorC.styleD.Position46.宽度和高度的度量单位通常表示为？A.Px和%B.Pt和pcC.In和cmD.Px和cm47.【多选题】盒模型的总宽度由以下哪几项组成？A.Padding（填充）B.Border（边框）C.Width（内容宽度）D.Margin（边距）48.【多选题】常用的HTML块级标签？A.<h1>B.<p>C.<div>D.<span>49.从HTML页面布局的角度考虑，以下标签属于行级标签？A.<a>B.<p>C.<div>D.<img>50."display"属性的值是什么使内联元素充当块级元素？A.BlockB.InlineC.List-itemD.Table-cell51.【多选题】从下列选项中选择属于"visibility"属性的值？A.visibleB.hiddenC.showD.Inline52."display"属性的什么值可以使元素隐藏，在页面显示时不会展现出来，就好像该元素不存在一样？A.noneB.InlineC.BlockD.Hidden53.【多选题】display的属性值有哪些？A.display: noneB.display: blockC.display: inline-blockD.display: inline54.【多选题】元素可以浮动在哪些方向上？A.LeftB.RightC.BottomD.Top55.在CSS定位属性中，设置position的值为absolute意思是？A.绝对定位B.相对定位C.层叠定位D.固定定位56.下面哪个可以使HTML元素相对浏览器窗口固定位置？A.position:fixedB.position:relativeC.position:absoluteD.position:static57.默认情况下，当元素开始堆叠时，哪个元素会重叠在其他元素上方？A.最后一个B.没有C.第一个D.第二个58.在HTML页面中插入javascript需要使用什么标签？A.<script>B.<body>C.<code>D.<pre>59.通常，脚本标签放置在哪里？A.放在<head>里面B.放在<html>前面C.放在</html>后面D.随便放60.script 标签的什么属性用于添加外部JavaScript文件？A.SrcnguageC.TypeD.Href61.以下哪个是JavaScript的单行注释？A.//这是个注释B.C.%%这是个注释D.--这是个注释62.哪个关键字用于告诉JavaScript我们将要使用一个变量？A.VarB.IntC.VariableD.Vrb63.“else”语句用于？A.如果if 条件为false，告诉JavaScript执行某些操作B.忽略条件测试C.测试一个新的条件为真或假D.无条件64.经典的for 循环由多少部分组成？A. 3B. 4C. 2D. 165.break 语句描述正确的是？A.结束循环代码B.停止整个JavaScript代码运行C.直接跳入下一次循环D.继续循环66.如果while循环没有退出条件将运行多少次？A.无数次B. 1C. 4D.1000067.switch 语句通常使用多少个case？A.可以根据需要拥有多个caseB.2-3个C.1-2 个D.5个68.如何在新窗口打开链接？A.<a href="url" target="_blank">B.<a href="url" new>C.<a href="url" target="new">D.<a href="url" target="_parent">69.请选择可以使单元格中的内容进行左对齐的正确HTML 标签：A.<td align="left">B.<td valign="left">C.<td leftalign>D.<tdleft>70.如何产生带有圆点列表符号的列表？A.<ul>B.<dl>C.<list>D.<ol>71.在下列的HTML 中，哪个可以产生文本框？A.<input type="text">B.<input type="textfield">C.<textinput type="text">D.<textfield>72.在下列的HTML 中，哪个可以插入图像？A.<img src="image.gif">B.<img href="image.gif">C.<image src="image.gif">D.<img>image.gif</img>73.在以下的HTML 中，哪个是正确引用外部样式表的方法？A.<link rel="stylesheet" href="mystyle.css">B.<style src="mystyle.css">C.<stylesheet>mystyle.css</stylesheet>D.<link rel="stylesheet" src="mystyle.css">74.如何在CSS 文件中插入注释？A./* this is a comment */B.// this is a commentC.// this is a comment //D.this is a comment75.如何为所有的<h1> 元素添加背景颜色？A.h1 {background-color:#FFFFFF}B.h1.all {background-color:#FFFFFF}C.all.h1 {background-color:#FFFFFF}D.h1 {bgcolor:#FFFFFF}76.如何改变某个元素的文本颜色？A.color:B.text-color:C.fgcolor:D.text-color=77.哪个CSS 属性可控制文本的尺寸？A.font-sizeB.text-styleC.font-styleD.text-size78.在以下的CSS 中，可使所有元素变为粗体的正确语法是？A.p {font-weight:bold}B.<p style="font-size:bold">C.<p style="text-size:bold">D.p {text-size:bold}79.如何显示没有下划线的超链接？A. a {text-decoration:none}B. a {text-decoration:no underline}C. a {underline:none}a {decoration:no underline}80.如何改变元素的字体？A.font-family:B.font=C.f:D.font-size:81.如何使文本变为粗体？A.font-weight:boldB.font:bC.style:boldD.font=bold82.如何显示这样一个边框：上边框10 像素、下边框5 像素、左边框20 像素、右边框1 像素？A.border-width:10px 1px 5px 20pxB.border-width:10px 5px 20px 1pxC.border-width:10px 20px 5px 1pxD.border-width:5px 20px 10px 1px83.如何改变元素的左边距？A.margin-left:B.text-indent:C.indent:D.margin:84.以下几种样式规则的选择器中，只能修饰唯一一个HTML元素的是那个A.ID选择器B.类选择器C.关联选择器D.伪元素选择器85.关于float描述错误的是?A.float:centerB.float:noneC.float:leftD.float:right86.【多选题】HTML文件的结构由那几个标记组成？A.<html>B.<head>C.<title>D.<body>87.【多选题】一般HTML 元素包括：A.开始标签B.内容C.结束标签D.body 标签88.【多选题】创建列表可以使用什么标签？A.<dl>B.<ol>C.<ul>D.<dir>89.【多选题】网页中的三种核心语言是什么？A.HTMLB.JavaScriptC.CSSD.PHP90.CSS 指的是？A.Cascading Style Sheetsputer Style SheetsC.Creative Style SheetsD.Colorful Style Sheets91.以下描述错误的是：A.<img>元素不一定含有属性src，但一定含有属性alt。

Html_css_js&jq考试题目【共4题】

一、HTML+CSS布局(新建html页面web.html)【40分】
利用提供的素材images文件夹中的图片，使用HTML+DIV+CSS技术制作网站头部如图1所示。

二、JS功能实现(新建html页面time.html)【20分】
使用纯JS实现在网页中实时显示当前时间，要求如下：
显示格式：当前时间为：YYYY年MM月DD日hh:ii:ss
如下图2所示：
【图2】
三、jQuery功能实现(新建html页面search.html)【25分】使用jQuery实现搜索框以下功能：
1、初始提示：“请输入搜索关键字”（如图3）
2、当文本框获得焦点时，提示消失（如图4）
3、如果输入关键字，文本框失去焦点显示关键字，如果为空又提示初始信息“请输入搜索关键字”（如图5）
【图3】【图4】
【图5】
四、综合练习(新建html页面menu.html)【15分】
要求：1、自定义页面右键单击(右键为3)快捷菜单（如图6），并添加动画效果(如淡入淡出或下拉/上卷或自定义效果)
2、使用方法不限
3、提示，jQuery可以使用以下事件屏蔽浏览器默认快捷菜单。

【图6】。

HTMLJS试题一

HTML+J 强题一考试时间：60分钟 1.在 HTML 中,表示页面背景的是（A ） A.<body bgcolor=> B.<body bkcolor=> C.<body agcolor=> D.<body color=> 2. HTML 中 <body text=red>, 表示（ C ）A.正在点击文字的色彩是红色。

B.可可链接文字的色彩是红色。

C.非可链接文字的色彩是红色。

D.已链接文字的色彩是红色。

3. 下列表示，可链接文字的颜色是黑色的是（A ） A.<body link=black> B.<body text=black> C.<body vlink=black> D. <body alink=black>4. 下列表示，已经点击（访问）过的可链接文字的的颜色是黑色的是（A.<body alink= ”#000000 ”> B.<body link= ”#000000 ”> C.<body vlink= ”#000000 ”> D. <body blink= ”#000000 ”>5. 下列表示，正被点击的可链接文字的颜色是白色的是（C ） A. <body link= ”#ffffff ”>中软考试试卷 2017 年 1 月B. <body vlink= ”#ffffff ”>C. <body alink= ”#ffffff ”>D. <body blink= ”#ffffff ”>6. 链接（Li nk）基本语法是（D）A. <a goto="URL"> ... </a>B. <a herf="URL"> ... </a>C. <a link="URL"> ... </a>D. <a href="URL"> ... </a>D7. 表示跳转到页面的”n ”锚点的代码是：（C）A. <a link="#bn"> ... </a>B. <a href="bn"> ... </a>C. <a href="#bn"> ... </a>D. <a herf="bn"> ... </a>8. <a href="#bn"> ... </a>, 表示（B）A. 跳转到”bn”页面B. 跳转到页面的”n ”锚点C. 超链接的属性是”bn”D. 超链接的对象是”bn”9. 跳转到"hello.html "页面的"bn"锚点的代码是（C）A. <a href="hello.html&bn"> ... </a>B. <a href="bnl#hellohtml"> ... </a>C. <a href="hello.html#bn"> ... </a>D. <a href="#bn"> ... </a>10. 表示新开一个窗口的超链接代码是（C）A. <a href=URL target=_new>..</a>B. <a href=URL target=_self>..</a>C. <a href=URL target=_blank>..</a>D. <a href=URL target=_parent>..</a>11. 在父窗口打开超链接的代码是（B）A. <a href=URL target=_top>..</a>B. <a href=URL target=_parent>..</a>C. <a href=URL target=_blank>..</a>D. <a href=URL target=_self>..</a>12. <a href=URL target=_self>..</a>, 表示（D）A. 打开一个空窗口的超链接代码B. 新开一个窗口的超链接代码C. 在父窗口打开超链接的代码D. 在本窗口打开超链接的代码13. 在本窗口打开超链接的代码是（D）A. <a href=URL target=_top>..</a>B. <a href=URL target=_parent>..</a>C. <a href=URL target=_blank>..</a>D. <a href=URL target=_self>..</a>14. 表示标尺分割线的HTML 代码是（A）A. <hr>B. <br>C. <hr></hr>D. <tr>15. <hr color=red> 表示（B）A. 页面的颜色是红色B. 水平线的颜色是红色C. 框架颜色是红色D. 页面顶部是红色16. 表示水平线对齐方式为左对齐的HTML 代码是（C）A. <br align=left>B. <tr align=left>C. <hr align=left>D. <hr align=right>17. 换行符的HTML 代码是（B）A. <hr>B. <br>C. <tr>D. <hr></hr>18. 下列说法正确的是（A）A. <p>和<br>的区别是<p>插入了一个空行B. <p>和<br>的区别是<p>不是换行符，而<br>是C. <p>和<br>的区别就是<p>后面不能加入文字D. <p>和<br>的区别就是<b>后面不能加入文字19. 无序列表的HTML 代码是（B）A. <li><ui>...</li>B. <ul><li>...</ul>C. <Ol><li>...<Ol>D. <li><ol>...</li>20. 定义列表的HTML 代码是（D）A. <dt><dl>***<dd>***</dl>B. <dd><dt>***<dl>***</dd>C. <dt><dd>***<dl>***</dt>D. <dl><dt>***<dd>***</dl>21. 定制表中type 标记中的circle 表示( B)A. 圆点B. 圆环C. 字母D. 方块22. <img alt=#> ，表示( C)A. 图像的地址B. 图像的排列方式C. 在浏览器尚未完全读入图象时，在图象位置显示的文字D. 在浏览器尚未完全读入图象时，在图象的上方显示的文字23. 加入一条水平线的HTML 代码是? (A)A. <hr>B. <img src="name" border=?>C. <img src="name" align=?>D. <img src="name">24. <frameset cols=#> 是用来指定什么的？(B)A. 混合分框B. 纵向分框C. 横向分框D. 任意分框25. 创建最小的标题的文本标签是？(C)A. <pre></pre>B. <h1></h1>C. <h6></h6>D. <b></b>26. . HTML 代码<img src="name" align=?> 表示? (B)A. 添加一个图象B. 排列对齐一个图象C. 设置围绕一个图像的边框的大小D. 加入一条水平线27. 在HTML 语言中"<FRAME NORESIZE> 的" 具体含义是下列哪一项？(C)A. 个别框架名称B. 定义个别框架C. 不可改变大小D. 背景资讯28. HTML 语言中，设置背景颜色的代码是？(A)A. <body bgcolor=?>B. B. <body text=?>C. C. <body link=?>D. . <body vlink=?>29. 在CSS语言中下列哪一项是“边框颜色”的语法？(A)A. border-color: < 值>B. text-align: < 值>C. letter-spacing: < 值>D. vertical-align: < 值>30. 表格标记的基本结构是？(C)A. <tr></tr>B. <br></br>C. <table></table>D. <bg></bg>31. 表单提交中的方式有(B)A. 1 种B. 2 种D. 4 种C. 3 种32. 关于JavaScript 说法正确的是：（D）A. JavaScript 与Java 语法完全一样B. JavaScript 要运行必须安装Java 运行环境C. JavaScript 一般用于在网页上实现数据验证及特效等D. JavaScript 可于开发Windows 应用程序33. 对于代码：<input type="button" value=" 点一下" onclick="alert（' 你好'）"> 分析正确的是（C）A. Onclick 表示鼠标移上去的事件B. 这个代码运行时将报错C. 点击这个按扭时弹出提示框，并显示“你好”D. 必须把alert 改为window.alert 才能正常运行34. 对方法声明中的错误代码：function Add（int i1,int i2）分析正确的是（A）A. 参数不能指定数据类型B. 没有指定返回类型C. 没有指定访问D. Function 不是方法声明的关键字35. 对于代码：document.getElementById（"div1"）.innerHTML 说法正确的是（C）A. 语法错误B. 这段代码是获得div1标签对象C. 这段代码是获得div1标签内的HTML 文本D. 这段代码是获得div1 标签包含div1 标签在内的HTML 文本36. 代码：document.bgColor="red" 的意思是（C）A. 设置网页的文字颜色为红色B. 设置ID 为document 的标签的背景色为红色C. 设置网页的背景色为红色D. 语法错误37. 代码：'abcdefg'.substring(2,3) 的结果是( C)A. cdeB. bC. cD. bcd38. 代码：'abcdefg'.indexOf('D') 结果是( C)A. 4B. 3C. -1D. 039. 关于document 对象的属性错误的是( B)A. bgColor 是它的属性B. close 是它的属性C. body 是它的属性D. title 是它的属性40. 字符串,str="welcome to Beijing" 进行下列操作处理,描述结果错误的是A. str.substring(4,9) 返回值是"one t"B. str.length 的返回值是"18"C. str.charAt("4") 返回值是"e"D. str.toUpperCase() 的返回值是"welcome to Beijing"41. 要动态改变层中的内容可以使用下列哪个方法？( A )A. 利用层的innerHTML 改变内容B. 利用层的innerText 改变内容D. 可以通过设置层的样式属性的display 属性来实现42. 下列选项中，描述正确的是( D )C. 可以通过设置层的隐藏和显示来实现A. options.add(new Option('：''可以动态添加一个下拉列表选项B. optio n. add( new Optio n( b' 'B'可以动态添加一个下拉列表选项C. new Option( b中’b'表示列表选项的值，’B'用于页面中显示D. new Option( b中’B'表示列表选项的值，’b'用于页面中显示43. 制作级联菜单功能时调用的是下拉列表框的( B )事件。

htmlcssjs考试题及答案

htmlcssjs考试题及答案1. 以下哪个元素用于定义最重要的标题？A. `<h1>`B. `<h6>`C. `<p>`D. `<div>`答案：A2. CSS中，以下哪个属性用于设置文本的颜色？A. `color`B. `font-size`C. `background-color`D. `text-align`答案：A3. 在HTML中，`<a>`标签的哪个属性用于指定链接的目标？A. `href`B. `src`C. `alt`D. `title`答案：A4. 以下哪个选择器是伪类选择器？A. `.class`B. `#id`C. `:hover`D. `[attr]`答案：C5. 在JavaScript中，以下哪个方法用于将字符串转换为小写？A. `toUpperCase()`B. `toLowerCase()`C. `trim()`D. `replace()`答案：B6. 以下哪个HTML5元素用于定义文档的主要内容？A. `<header>`B. `<footer>`C. `<article>`D. `<section>`答案：C7. CSS中，以下哪个属性用于设置元素的宽度？A. `width`B. `height`C. `font-size`D. `line-height`答案：A8. 在JavaScript中，以下哪个方法用于获取数组中最后一个元素？A. `pop()`B. `shift()`C. `last()`D. `slice(-1)`答案：A9. 在HTML中，`<img>`标签的哪个属性用于指定图像的来源？A. `src`B. `href`C. `alt`D. `title`答案：A10. CSS中，以下哪个属性用于设置元素的浮动方向？A. `float`B. `clear`C. `overflow`D. `visibility`答案：A11. 在JavaScript中，以下哪个方法用于将字符串分割成数组？A. `split()`B. `join()`C. `slice()`D. `splice()`答案：A12. HTML中，`<ol>`和`<ul>`元素的区别是什么？A. `<ol>`用于有序列表，`<ul>`用于无序列表B. `<ol>`用于无序列表，`<ul>>`用于有序列表C. `<ol>`和`<ul>`都用于有序列表D. `<ol>`和`<ul>`都用于无序列表答案：A13. CSS中，以下哪个属性用于设置元素的背景图片？A. `background-image`B. `background-color`C. `background-repeat`D. `background-position`答案：A14. 在JavaScript中，以下哪个方法用于检查一个对象是否包含特定的属性？A. `hasOwnProperty()`B. `isPrototypeOf()`C. `in`D. `typeof`答案：A15. HTML5中，以下哪个元素用于定义导航链接的部分？A. `<nav>`B. `<header>`C. `<footer>`D. `<section>`答案：A。

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 css js考试题

html css js考试题以下是一些HTML、CSS和JS的考试题目，用于测试你对这些技术的理解。

1. **HTML*** 描述HTML文档的基本结构。

* 解释`<head>`元素中的`<title>`标签的作用。

* 如何使用`<img>`标签插入图片？2. **CSS*** 解释CSS选择器的工作原理。

* 如何使用CSS来改变文本的颜色和字体？* CSS的层叠样式表（Cascading Style Sheets）是什么？3. **JavaScript*** 解释什么是DOM（文档对象模型）以及它在JavaScript中的作用。

* 如何使用JavaScript来动态修改HTML元素的属性？* 描述事件监听器在JavaScript中的作用。

4. **综合题*** 假设你有一个HTML文档，其中包含一个按钮和一个段落。

当用户点击按钮时，段落中的文本应改为“Hello, World!”。

如何使用HTML、CSS和JavaScript实现这个功能？5. **简答题*** 描述HTML5相对于之前的HTML版本有哪些主要的新特性？* CSS有哪些常用的布局模型？请列举三种。

6. **编程题*** 编写一个简单的JavaScript函数，该函数接受一个数组作为参数，并返回数组中所有数字的总和。

7. **选择题*** 下列哪个CSS属性用于设置元素的背景颜色？A. `background-color`B. `color-background`C. `background`D. `color`。

HTML CSS JavaScript测试题

HTML CSS JavaScript测试题一、选择题1.下面哪一项表示的不是按钮( )a)type=”submit”b)type=”reset”c)type=”image”d)type=”buttom”2.哪一个标记用于使HTML文档表格的单元格在同行进行合并a)cellspacingb)cellpaddingc)rowspand)colspan3.在页面中看不见的元素是哪种a)<input type=”password”></input>b)<input type=”radio”></input>c)<input type=”hidden”></input>d)<input type=”reset”></input>4.下面哪个不是在可以在HTML文档中使用的特殊字符a)>b)<c)©d)&bnsp;5.A文件夹与B文件夹是同级文件夹，其中A下有a.html,B下有b.html,现在我们希望在a.html中创建超链接，链接到b.html,应该在a.html的代码中如何描述链接内容a) b.htmlb)./././B/b.htmlc)../B/b.htmld)../../b.html6.在以下的HTML中，哪个是正确引用外部样式表的方法a)<style src=”mystle.css”>b)<link rel=”stylesheet” type=”text/css” href=”mystyle.css”>c)<stylesheet>mystyle.css</stylesheet>7.哪个HTML属性可用来定义内联样式a)fontb)classc)stylesd)style8.下列哪个选项的CSS语法是正确的a)body:color=blackb){body:color=black(body)c)body{color:black}d){body;color:black}9.CSS哪个属性可用来改变背景颜色a)bgcolorb)colorc)background-color10.CSS如何改变某个元素的文本颜色a)text-colorb)colorc)fgcolor11.哪个CSS属性可控制文本的尺寸a)font-sizeb)text-stylec)font-styled)text-size12.以下的CSS中，可使用所有<p>元素变为粗体的正确语法是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{text-decoration:none}b)a{text-decoration:no-underline}c)a{ underline:none}d)a{decoration:no underline}14.引用名为”xxx.js”的外部脚本的正确语法是a)<script src=”xxx.js”>b)<script href=”xxx.js”>c)<script name=”xxx.js”>15.如何编写当i不等于5时执行某些语句的条件语句a)if =!5 thenb)if <>5c)if(i<>5)d)if(i != 5)16.如何在JavaScript中添加注释a)‘This is a commentb)<!—this is a commentc)//This is a comment17.定义js数组的正确方法是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”,”jim”,”kim”)d)var txt = new Array:1=(“tim”)2=(“jim”)3=(“kim”)18.如何求得2和4中最大的数a)Math.ceil(2,4)b)Math.max(2,4)c)ceil(2,4)d)top(2,4)19.下面有关表单的说明中，错误的是a)表单用于收集用户信息b)在FORM标签中，action属性指定表单处理程序的位置c)表单中只能包含表单控件，而不能包含其他诸如图片之类的内容d)在FORM标签中使用的method属性的值指定提交表单数据的方法20.下面有关列表的说法错误的是a)有序列表和无序列表可以互相嵌套b)指定嵌套列表时，也可以具体指定项目符号或编号样式c)无序列表应使用UL和LI标签进行创建d)在创建列表时，LI标签的结束标签符不可以省略二、上机题1.定义一个JavaScript方法，求一个数组中最小值，并随机10个1-100的整数放在一个数组中，用这个数组测试上面所写的方法，输出这个数组及所求的最小值2.制作一个用户登陆页面(login.html)，包含文本框、密码框、重置按钮。

HTML,CSS,JS试题

HTML,CSS,JS试题1.call和apply⽅法的⽤途和区别？⽤途：都改变this指向；区别：call传递的是连续参数，apply传递的是数组参数2.利⽤纯css构造⼀个三⾓形<style>.dom{width: 0px; height: 0px;border-width: 40px;border-style: solid;border-color: red transparent transparent transparent;/*或者border-color: transparent transparent red;*/}</style><div class="dom"></div>3.JavaScript中typeof可能返回的结果？如何检测？string number object function undefined boolean⽅法：Object.prototype.toSring.call（）调⽤object构造函数上的原型的toSring⽅法，改变它的this指向4.push（）：可向数组的末尾添加⼀个或多个元素，并返回新的长度pop（）：⽤于删除并返回数组的最后⼀个元素。

shift（）：⽤于把数组的第⼀个元素从其中删除，并返回第⼀个元素的值unshift（）：可向数组的开头添加⼀个或更多元素，并返回新的长度。

5.什么是默认事件，什么是冒泡事件？如何禁⽌？冒泡事件：即事件从最底层逐个经过上⾯⼀级级事件的过程，就是冒泡事件。

在⾮IE浏览器中提供了⼀个事件对象stopPropagation，那么在IE浏览器中可以通过cancelBubble事件对象阻⽌。

默认事件：浏览器的默认事件就是浏览⾃⼰的⾏为，⽐如我们在点击<a href="#">的时候，浏览器跳转到指定页⾯，或者是当我们滚动⿏标时页⾯会向下滚动，但我们按空格键和按⽅向键时也会向下滚动，为了更好的⽤户体验，这时我们就需要阻⽌这种⾏为的发⽣。

(完整版)HTML+JS考试题

1. 在HTML中，下面（）标签可以在页面上显示一个水平线。

A。

〈h2> B.〈p> C。

<hr/〉D。

〈br/〉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. css中想要文本垂直水平居中应该（）（选两项）A.text-align：centerB.display:block C。

line—height D.text-decoration4. 下面哪两项不是块标签（）。

（选择两项）A．〈a >〈/a> B．<p〉</p> C．<div〉〉</div> D．<img〉5。

下列css语法结构，完全正确的是()A.P｛font—size:12;color：red;｝B。

P{ font—size:12；color：# red;｝C.P｛ font-size：12px；color:red；｝D.P{ font-size:12px;color：#red;｝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 〉输出结果是（)。

HTML&JavaScript编程笔试题(前端)

测试题（笔试）HTML&JavaScript不定项选择题（共50题，每题2分，总分100分）1) 下面关于JavaScript语言正确的是（b）。

（单选）a) JavaScript在运行之前需要手工编译b) JavaScript是能在浏览器里面运行的脚本语言c) JavaScript是Java语言的一个分支d) JavaScript是服务器端的脚本语言2) JavaScript包含在一个(X)HTML文档中的方法主要有（a，b，c，d）。

（多选）a) 使用script元素在XHTML中直接嵌入JavaScript语句b) 将JavaScript源文件通过script元素的src属性链接到XHTML文档c) 使用伪URL方式加入到超链接d) 脚本包含在XHTML事件处理程序属性中3) 不属于JavaScript数据类型的是（d）。

（单选）a) Numberb) Undefinedc) Stringd) Float4) 下面语句中那些可以创建一个数组（ac）。

（多选）a) var array=new Array();b) var array={‘a’,’b’,1};c) var array=[‘1’,’a’,4];d) var array=(‘1’,2,3);5) function justTest（num）{if(num>3){return num+1;}}var result=justTest(2);result的值是（e）(单选）a) 3b) 程序出错c) Nulld) 4e) Undefined6) foo对象有att属性，怎么获取att的值：（ac）。

（多选）a) foo.attb) foo{"att"}c) foo.getAttribute(“att”)d) foo("att")7) 以下哪些是javascript的内置对象Global的函数（ab）。

html+css+js测试

Html+css+js测试题一，选择题1、某网页中只有一个表单对象,其名称是mainForm,该窗体对象的第一个元素是按钮,其名称是myButton,表述该按钮对象的方法是() BCA.document.forms.myButtonB.document.mainForm.myButtonC.document.forms[0].element[0]D.以上都可以2、下列的哪一个表达式将返回假 BA.!(3<=1)B.(4>=4)&&(5<=2)C.(“a”==”a”)&&(“c”!=”d”)D.(2<3)||(3<2)3、在HTML页面中，使用（）标签可以实现文字和图片的滚动效果。

DA) <HR>B) <PRE>C) <BR>D) <MARQUEE>4、在网页编程中，某站点下有一个名为index.htm的页面和一个名为a.css的样式表文件（index.htm和a.css在同一级目录下），如果要在index.htm页面中应用a.css样式表文件中的样式表，则应在index.htm页面的<HEAD></HEAD>标签中添加以下哪段代码（C）。

A) <link type="text/css" rel="stylesheet" file="a.css">B) <a type="text/css" rel="stylesheet" href="a.css">C) <link type="text/css" rel="stylesheet" href="a.css">D) <link type="text/css" rel="stylesheet" src="a.css">5、有语句“var x=0;while(____) x+=2;”，要使while循环体执行10次，空白处的循环判定式应写为：CA．x<10 B. x<=10 C.x<20 D.x<=206、JS语句var a1=10;var a2=20;alert(“a1+a2=”+a1+a2)将显示( )结果 BA.a1+a2=30B.a1+a2=1020C.a1+a2=a1+a27、以下( )表达式产生一个0~7之间(含0,7)的随机整数. CA.Math.floor(Math.random()*6)B.Math.floor(Math.random()*7)C.Math. floor(Math.random()*8)D.Math.ceil(Math.random()*8)8、产生当前日期的方法是( ) ACA.Now();B.Date()C.newDate() D.new Now()9、HTML文档的树状结构中，（）标签为文档的根节点，位于结构中的最顶层。

htmlcssjs测试卷试题副本

html+css+js测试题选择题是什么意思？a)高级文本语言b)超文本标志语言c)扩展标志语言d)图形化标志语言2.哪一个标志用于使 html 文档中表格里的单元格占有多个单元格的宽度？a)cellspacingb)cellpaddingc)rowspand)colspan3.以下那项技术能够用于帮助网页设计时使页面拥有一致、专业的外观？a)htmlb)dhtmlc)cssd)url4.以下哪个项目不是能够在 ht ml 文档中使用的特别字符。

a)> 小于号 <b)&tl; &lt：大于号>c)©d) 5.a 文件夹与 b 文件夹是同级文件夹，此中a下有，b下有文件，此刻我们希望在a.htm 文件中创立超链接，链接到b.htm ，应当在 a.htm 页面代码中怎样描绘链接内容？6.我们想要将表格中加入的图像充满整个单元格，使用哪一种方式能够做到？a)size="100"b)size="100%"c)width="100"d)width="100%"7.不是表单元素 input 的种类的是a)textb)radioc)selectd)filee)passwordf)radiog)textareah)hiddeni)checkboxj)option8 .以下哪一种css 款式定义的方式拥有最高的优先级？a)嵌入b)行内c)链接d)导入9 . web标准的拟订者是？a)微软b)万维网结盟（ w3c）c)网景企业（ netscape ）d)sun 企业10 .请选择产生粗体字的html 标签：a)<i>b)<b>c)<em>d)<strong>11 .下面能把超链接页面显示到框架中的是（）？a)<a href="" target="_blank">百度<a><iframe src="" />b)<a href="" target="myframe">百度<a><iframe href="" name="myframe" />c)<a href="" target="myframe">百度<a><iframe src="" name="myframe" />d)<a src="" target="myframe">百度<a><iframe href="" 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 .引用名为“ ”的外面脚本的正确语法是？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(){}c)void myfunction() {}d) fun = function () {}匿名函数24.定义 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")25 .翻开名为“ window2”的新窗口的javascript语法是？a)open.new("","window2")b)window.open("","window2")c)new("","window2")d)new.window("","window2")26.以下不属于文档对象的方法的是（）a)getElementsByNameb)getElementByIdc)getElementByNamed)getElementsByTagName27.剖析下面这两行代码的作用（）01 <a href=” javascript:history.back()02 <a href=” javascript:history.forward() a）代码第 1 行的作用相当于退后按钮b）代码第 2 行的作用相当于退后按钮c）代码第 1 行的作用相当于行进按钮” ></a>” ></a>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)？（问号）：般配前面的子表达式一次或多次（反斜杠）：对特别字符的特别元字符含义进行转义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对象的属性名是（）。