篇一:html_JavaScript_css试题
HTML--CSS-JS
一.HTML试题库(42)
1、 单选题(12*2)
(1) 下列哪个标签是定义标题的( )
A、h1B、hr C、hwD、p
(2)html中的注释标签是( )
A、 <-- --> B、<--! --> C、<!-- -->D、<-- --!>
(3)<strong>…</strong>标签的作用是()
A、斜体B、下划线C、上划线 D、加粗
(4)网页中的空格在html代码里表示为( )
A、& B、 C、" D、<
(5)定义锚记主要用到<a>标签中的()属性。
A、name B、target C、onclick D、onmouseover
(6)要在新窗口中打开所点击的链接,实现方法是将<a>标签的target属性设为( )
A、_blank B、_self C、_parent D、_top
(7)下列代表无序清单的标签是()
A、 <ul>…<li>…</ul>
B、<ol>…<li>…</ol>
C、<hl>…<li>…</hl>
D、< li >…< ol >…</ li >
(8)定义表单所用的标签是()
A、table B、form C、select D、input
(9)要实现表单元素中的复选框,input标签的type属性应设为( )
A、radio B、checkbox C、select D、text
(10)要实现表单元素中的单选框,input标签的type属性应设为( )
A、radio B、checkbox C、select D、text
(11)要使单选框或复选框默认为已选定,要在input标签中加()属性
A、selected B、disabled C、type D、checked
(12)要使表单元素(如文本框)在预览时处于不可编辑状态,显灰色,要在input中
加()属性
A、selected B、disabled C、type D、checked
2、多选题(选错、多选、少选都不给分)(5*2)
(1)定义表格常用的3个标签是()
A、table B、tr C、td D、tp
(2)哪两个属性可用于表格的合并单元格()
A、colspan B、trspan C、tdspan D、rowspan
(3)实现下拉列表框,要用到一下哪几个标签( )
A、input B、select C、option D、radio
(4)定义框架要用到以下的哪个标签( )
A、framework B、frameset C、frame D、framespace
(5)要在网页中加入音乐或背景音乐,以下哪个标签可以实现( )
A、embed B、object C、bgsound D、sound
3、填空题(1*8)
(1)、可用p标签定义段落。
(2)、定义换行所用的标签是 (3)、要生成水平线,可用标签。 (4)、<img>中的属性是用于指定图片源文件地址的。 (5)、要定义表单元素中的文本框,input标签中type属性应设为 (6)、要定义表单元素中的密码框,input标签中type属性应设为
(7)、要把多个单选框设为一组(一组的意思是:一组之中只有一个可被选定),应把
每个单选框的 name 属性的值设为相同。*
(8)、用object标签来加入视频时,用 data 属性指定视频源文件地址。*
二.JavaScript试题库(28)
1、 单选题(6*2)
(1) alert();的作用是:( )
A、 弹出对话框,该对话框的内容是该方法的参数内容。
B、弹出确认对话框,该对话框的要用户选择“确认”或“取消”。
C、弹出输入对话框,该对话框的可让用户输入内容。
D、弹出新窗口。
(2)看以下JavaScript程序
var num;
num=5+true;
问:执行以上程序后,num的值为()
A、true B、false C、5 D、6
(3)看以下JavaScript程序
varx=prompt(“请输入1-5的数字!”,“”);
switch (x)
case “1”:alert(“one”);
case “2”:alert(“two”);
case “3”:alert(“three”);
case “4”:alert(“four”);
case “5”:alert(“five”);
default:alert(“none”);
运行以上程序,在提示对话框中输入“4”,依次弹出的对话框将输出: ()
A、four,none
B、four,five,none
C、five
D、five,none
(4)window对象的方法中,()方法是用于弹出确认对话框,可让选择“确定”或“取消”
A、confirm() B、alert() C、prompt() D、open()
(5)用JavaScript实现打开一个新窗口,地址为abc.html,正确的方法是()
A、window.open(“abc.html”,“”,“”);
B、window.open(“”,“abc.html”,“”);
C、window.open(转自:wWw.XiAocAoFanWeN.cOm 小 草 范文网:html,css,javascript练习题)(“”,“”,“abc.html”);
D、window.open(“”,“”,“”);
(6)鼠标移过事件和鼠标移出事件分别是()
A、onmouseout,onmouseover
B、onmouseover,onmouseout
C、onmousedown,onmouseup
D、onmouseup, onmousedown
2、多选题(选错、多选、少选都不给分)(4*2)
(1)在JavaScript程序中加入注释,方法有()
A、//注释内容
B、/*注释内容*/
C、/注释内容
D、/*注释内容
(2)以下JavaScript变量名不合法的有()
A、4Myvariable
B、My@variable
C、function
D、Myvariable4
(3)location对象中可实现重新链接到其他网址的属性或方法有()
A、href属性 B、reload() C、replace() D、host
(4)history对象中能实现网页后退效果的方法是()
A、back() B、forward() C、go(-1) D、go(1)
3、填空题(1*8)
(1)、JavaScript中声明一个变量所用的关键字是。
(2)看以下JavaScript程序
var a,b,c;
a=“2”;
b=2;
c=a+b;
运行以上程序后,变量c的值为
(3)看以下JavaScript程序
var x,y;
x=10;
y=x++;
运行以上程序后,变量y的值为
(4)看以下JavaScript程序
var i,j;
i=0;
j=i&&(++i);
运行以上程序后,变量i的值为。
(5)看以下JavaScript程序
var i;
i=8;
do{
i++;
}while(i>100);
运行以上程序后,变量i的值为。
(6)看以下JavaScript程序
for(var i=1;i<=10;i++){if(i= =5) continue;if(i= =8) break;alert(i); } 运行以上程序后,弹出的对话框依次输出的值为 (7)看以下JavaScript程序
var str1,str2,str3,str4;
str1="10.5";
str2="8";
str3=str1+str2;
alert(str3);
str4=Number(str1)+Number(str2);
alert(str4);
运行以上程序后,弹出的对话框依次输出的值为。
(8)定义JavaScript函数所用的关键字是。
三、css试题库
1、单选题(4*2)
(1)、下列哪种方式是用类选择器定义样式的()
A、p{color:red;}
B、.one{color:red;}
C、#two{color:red;}
D、p,h1{color:red;}
(2)、下列哪个正确的css集体声明方式()
A、p;h1{color:red;}
B、.one{color:red;}
C、#two{color:red;}
D、p,h1{color:red;}
(3)、下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800号, 正确的定义是:()
A、p {font-family:宋体;font-size:20px;font-weight:800;color:red;font-style:italic; }
B、p {font-family:20px;font-size:宋体;font-weight:800;color:red;font-style:italic; }
C、p {font-family:20px;font-size:800;font-weight:宋体;color:red;font-style:italic; }
D、p{font-family:800;font-size:20px;font-weight:red;color: italic;font-style:宋体; }
(4)、下列样式定义字体间距为0.5倍间距、水平左对齐、垂直顶端对齐、有下划线 正确的定义是:()
A、 p{text-decoration:underline;letter-spacing:0.5em;vertical-align:top;text-align:
left; }
B、 p{text-decoration:0.5em;letter-spacing:underline;vertical-align:top;text-align:
left; }
C、 p{text-decoration:left;letter-spacing:top;vertical-align:0.5em;text-align:underline; }
D、 p{text-decoration:underline;letter-spacing:0.5em;vertical-align:left;text-align:
top; }
2、 多选题(2*2)
(1) 在html文件中应用abc.css文件中的样式的方法有()
A、<link href="abc.css" type="text/css" rel="stylesheet">
B、<style type="text/css">@import url(abc.css);</style>
C、<style type="text/css">@import (abc.css);</style>
D、<style type="text/css">import url (abc.css);</style>
(2)下列哪些是设置有关边框的属性()
A、border-color
B、border-style
C、border-width
D、border-back
3、填空题(1*2)
(1)要在html标签中应用css类选择器所定义的样式,要设置标签的性。
(2)css中的background属性是用于设置
四、综合题(2*8)
(1)、写一个.html文件的网页代码,其中包含JavaScript代码。
要求:有一个文本框和一个按钮,并且预览该网页时,在文本框输入内容后,点击按钮后,弹出一个对话框,对话框的显示的内容是文本框中输入的内容。
(2)、要求:制作一个.html文件,效果如下图
Html代码要求:
1、 做出以上界面,要求用表格布局,
2、 密码框和确认密码框要求用密码显示形式
JavaScript实现表单验证要求:
1、 提交表单时要求验证用户名、密码、确认密码不能为空,如果为空则弹出对话框提示不
能为空。
2、 另外,还需验证密码和确认密码一致,如果不一致则弹出对话框提示不一致 Css要求:
1、 要求用css代码实现整个表格在页面居中对齐。
2、 要求用css代码实现整个页面的背景颜色为蓝色。
篇二:html_JavaScript_css试题
HTML--CSS-JS-Servlet
一.HTML试题库(22)
1、 单选题(12*1)
(1) 下列哪个标签是定义标题的(A )
A、h1B、hr C、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、name B、target C、onclick D、onmouseover
(6)要在新窗口中打开所点击的链接,实现方法是将<a>标签的target属性设为( A )
A、_blank B、_self C、_parent D、_top
(7)下列代表无序清单的标签是( A )
A、 <ul>…<li>…</ul>
B、<ol>…<li>…</ol>
C、<hl>…<li>…</hl>
D、< li >…< ol >…</ li >
(8)定义表单所用的标签是( B )
A、table B、form C、select D、input
(9)要实现表单元素中的复选框,input标签的type属性应设为( B )
A、radio B、checkbox C、select D、text
(10)要实现表单元素中的单选框,input标签的type属性应设为( A )
A、radio B、checkbox C、select D、text
*(11)要使单选框或复选框默认为已选定,要在input标签中加( A)属性
A、selected B、disabled C、type D、checked
*(12)要使表单元素(如文本框)在预览时处于不可编辑状态,显灰色,要在input
中加( A )属性
A、selected B、disabled C、type D、checked
2、多选题(选错、多选、少选都不给分)(5*2)
(1)定义表格常用的3个标签是( ABC )
A、table B、tr C、td D、tp
(2)哪两个属性可用于表格的合并单元格( AD )
A、colspan B、trspan C、tdspan D、rowspan
(3)实现下拉列表框,要用到一下哪几个标签(C )
A、input B、select C、option D、radio
*(4)定义框架要用到以下的哪个标签( )
A、framework B、frameset C、frame D、framespace
*(5)要在网页中加入音乐或背景音乐,以下哪个标签可以实现( )
A、embed B、object C、bgsound D、sound
二.JavaScript试题库(28)
1、 单选题(6*2)
(1) alert();的作用是:( A )
A、 弹出对话框,该对话框的内容是该方法的参数内容。
B、弹出确认对话框,该对话框的要用户选择“确认”或“取消”。
C、弹出输入对话框,该对话框的可让用户输入内容。
D、弹出新窗口。
(2)看以下JavaScript程序
var num;
num=5+true;
问:执行以上程序后,num的值为( D )
A、true B、false C、5 D、6
(3)看以下JavaScript程序
varx=prompt(“请输入1-5的数字!”,“”);
switch (x)
case “1”:alert(“one”);
case “2”:alert(“two”);
case “3”:alert(“three”);
case “4”:alert(“four”);
case “5”:alert(“five”);
default:alert(“none”);
运行以上程序,在提示对话框中输入“4”,依次弹出的对话框将输出: ( B )
A、four,none
B、four,five,none
C、five
D、five,none
(4)window对象的方法中,( A)方法是用于弹出确认对话框,可让选择“确定”或“取消”
A、confirm() B、alert() C、prompt() D、open()
(5)用JavaScript实现打开一个新窗口,地址为abc.html,正确的方法是( A )
A、window.open(“abc.html”,“”,“”);
B、window.open(“”,“abc.html”,“”);
C、window.open(“”,“”,“abc.html”);
D、window.open(“”,“”,“”);
(6)鼠标移过事件和鼠标移出事件分别是(B )
A、onmouseout,onmouseover
B、onmouseover,onmouseout
C、onmousedown,onmouseup
D、onmouseup, onmousedown
2、多选题(选错、多选、少选都不给分)(4*2)
(1)在JavaScript程序中加入注释,方法有( AB )
A、//注释内容
B、/*注释内容*/
C、/注释内容
D、/*注释内容
(2)以下JavaScript变量名不合法的有( AC )
A、4Myvariable
B、My@variable
C、function
D、Myvariable4
(3)location对象中可实现重新链接到其他网址的属性或方法有(A )
A、href属性 B、reload() C、replace() D、host
(4)history对象中能实现网页后退效果的方法是( AC )
A、back() B、forward() C、go(-1) D、go(1)
3、填空题(1*8)
(1)、JavaScript中声明一个变量所用的关键字是。
(2)看以下JavaScript程序
var a,b,c;
a=“2”;
b=2;
c=a+b;
运行以上程序后,变量c的值为
(3)看以下JavaScript程序
var x,y;
x=10;
y=x++;
运行以上程序后,变量y的值为
(4)看以下JavaScript程序
var i,j;
i=0;
j=i&&(++i);
运行以上程序后,变量i的值为。
(5)看以下JavaScript程序
var i;
i=8;
do{
i++;
}while(i>100);
运行以上程序后,变量i的值为。
(6)看以下JavaScript程序
for(var i=1;i<=10;i++){
if(i= =5) continue;
if(i= =8) break;
alert(i);
}
运行以上程序后,弹出的对话框依次输出的值为。 *(7)看以下JavaScript程序
var str1,str2,str3,str4;
str1="10.5";
str2="8";
str3=str1+str2;
alert(str3);
str4=Number(str1)+Number(str2);
alert(str4);
运行以上程序后,弹出的对话框依次输出的值为。
(8)定义JavaScript函数所用的关键字是。
三、css试题库(14)
1、单选题(4*2)
(1)、下列哪种方式是用类选择器定义样式的(B )
A、p{color:red;}
B、.one{color:red;}
C、#two{color:red;}
D、p,h1{color:red;}
(2)、下列哪个正确的css集体声明方式(D )
A、p;h1{color:red;}
B、.one{color:red;}
C、#two{color:red;}
D、p,h1{color:red;}
(3)、下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800号, 正确的定义是:( A )
A、p {font-family:宋体;font-size:20px;font-weight:800;color:red;font-style:italic; }
B、p {font-family:20px;font-size:宋体;font-weight:800;color:red;font-style:italic; }
C、p {font-family:20px;font-size:800;font-weight:宋体;color:red;font-style:italic; }
D、p{font-family:800;font-size:20px;font-weight:red;color: italic;font-style:宋体; }
(4)、下列样式定义字体间距为0.5倍间距、水平左对齐、垂直顶端对齐、有下划线 正确的定义是:( A )
A、 p{text-decoration:underline;letter-spacing:0.5em;vertical-align:top;text-align:
left; }
B、 p{text-decoration:0.5em;letter-spacing:underline;vertical-align:top;text-align:
left; }
C、 p{text-decoration:left;letter-spacing:top;vertical-align:0.5em;text-align:underline; }
D、 p{text-decoration:underline;letter-spacing:0.5em;vertical-align:left;text-align:
top; }
2、 *多选题(2*2)
(1) 在html文件中应用abc.css文件中的样式的方法有( AD)
A、<link href="abc.css" type="text/css" rel="stylesheet">
B、<style type="text/css">@import url(abc.css);</style>
C、<style type="text/css">@import (abc.css);</style>
D、<style type="text/css">import url (abc.css);</style>
(2)下列哪些是设置有关边框的属性(ABCD )
A、border-color
B、border-style
C、border-width
D、border-back
3、填空题(1*2)
(1)要在html标签中应用css类选择器所定义的样式,要设置标签的属性。
(2)css中的background属性是用于设置的。
四、综合题(10+12+14=36)
(1)、写一个.html文件的网页代码,其中包含JavaScript代码。
要求:有一个文本框和一个按钮,并且预览该网页时,在文本框输入内容后,点击按钮后,弹出一个对话框,对话框的显示的内容是文本框中输入的内容。
(2)、要求:制作一个.html文件,效果如下图
Html代码要求:
1、 做出以上界面,要求用表格布局,
2、 密码框和确认密码框要求用密码显示形式
JavaScript实现表单验证要求:
1、 提交表单时要求验证用户名、密码、确认密码不能为空,如果为空则弹出对话框提示不
能为空。
2、 另外,还需验证密码和确认密码一致,如果不一致则弹出对话框提示不一致 Css要求:
1、 要求用css代码实现整个表格在页面居中对齐。
2、 要求用css代码实现整个页面的背景颜色为蓝色。
(3) 在第二题点击提交之后将会发送一个post请求,请求名为registe.do,并将用户名和密码等数据传回后台.请写一个servlet用于处理该请求,如果用户名为”小黑”,密码为”123456”则返回OK界面(用户名和密码的name属性值自定义).
要求:手写出Servlet的全部代码(不用引包) 和web.xml的主要配置代码.
篇三:HTML和JavaScript综合练习题2014答案
HTML和JavaScript综合练习题
一、 单项选择
1. Web使用( D )在服务器和客户端之间传输数据。
A.FTP B. Telnet C. E-mail D. HTTP
2. HTTP服务默认的端口号是( D )。
A. 20 B. 21C. 25D. 80
3. HTML是一种标记语言,由( C )解释执行。
A.Web服务器 B.操作系统
C. Web浏览器 D.不需要解释
4. 下列哪个标签是定义标题的 ( A )。
A.h1
B.hr
C.hw
D.p
5. html中的注释标签是( C )。
A.<---->
B.<--!-->
C.<!---->
D.<----!>
6. <strong>?</strong>标签的作用是( D)。
A.斜体 B.下划线 C.上划线 D.加粗
7. 网页中的空格在html代码里表示为(B )。
A.& B. C."D.<
8. 定义锚记主要用到<a>标签中的( A )属性。
A.name B.target C.onclick D.onmouseover
9. 要在新窗口中打开所点击的链接,实现方法是将<a>标签的target属性设为(
A._blank B._selfC._parent D._top
10. 下列代表无序清单的标签是(A )。
A. <ul>?<li>?</li>?</ul>
B.<ol>?<li>?</li>?</ol>
C.<hl>?<li>?</li>?</hl>
D.< li >?<ol>?</ol>?</li>
第 1 页共 11 页 )。 A
11. 定义表单所用的标签是( B)。
A.table B.form C.select D.input
12. 要实现表单元素中的复选框,input标签的type属性应设为( B )。
A.radio B.checkbox C.select D.text
13. 要实现表单元素中的单选框,input标签的type属性应设为(A )。
A.radio B.checkbox C.selectD.text
14. 要使单选框或复选框默认为已选定,要在input标签中加( D )属性。
A.selectedB.disabled C.type D.checked
15. 要使表单元素(如文本框)在预览时处于不可编辑状态,显灰色,要在input中加(
属性。
A.selectedB.disabled C.type D.checked
16. 如果希望能在网页上显示大于(>),可以使用( A )符号来表示。
A.> B.< C." D.&
17. alert();的作用是:( A )。
A.弹出对话框,该对话框的内容是该方法的参数内容。
B.弹出确认对话框,该对话框的要用户选择“确认”或“取消”。
C.弹出输入对话框,该对话框的可让用户输入内容。
D.弹出新窗口。
18. 看以下JavaScript程序
var num;
num=5+true;
问:执行以上程序后,num的值为(D )。
A.true B.false C.5 D.6
19. 看以下JavaScript程序
varx=prompt(“请输入1-5的数字!”,“”);
switch (x)
case “1”:alert(“one”);
case “2”:alert(“two”);
case “3”:alert(“three”);
case “4”:alert(“four”);
case “5”:alert(“five”);
default:alert(“none”);
运行以上程序,在提示对话框中输入“4”,依次弹出的对话框将输出: (B
A.four,none
第 2 页共 11 页 )。B)
B.four,five,none
C.five
D.five,none
20. window对象的方法中,( A)方法是用于弹出确认对话框,可让选择“确定”或“取消”
A.confirm()B.alert()C.prompt()D.open()
21. 用JavaScript实现打开一个新窗口,地址为abc.html,正确的方法是(A )。
A.window.open(“abc.html”,“”,“”);
B.window.open(“”,“abc.html”,“”);
C.window.open(“”,“”,“abc.html”);
D.window.open(“”,“”,“”);
22. 鼠标移过事件和鼠标移出事件分别是(B )。
A.onmouseout,onmouseover
B.onmouseover,onmouseout
C.onmousedown,onmouseup
D.onmouseup, onmousedown
23. 下列哪种方式是用类选择器定义样式的(B )。
A.p{color:red;}
B..one{color:red;}
C.#two{color:red;}
D.p,h1{color:red;}
24. 下列哪个正确的css集体声明方式(D )。
A.p;h1{color:red;}
B..one{color:red;}
C.#two{color:red;}
D.p,h1{color:red;}
25. 下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800号,正确的定义是:
( A )。
A.p {font-family:宋体;font-size:20px;font-weight:800;color:red;font-style:italic; }
B.p {font-family:20px;font-size:宋体;font-weight:800;color:red;font-style:italic; } C.p {font-family:20px;font-size:800;font-weight:宋体;color:red;font-style:italic; }
D.p{font-family:800;font-size:20px;font-weight:red;color: italic;font-style:宋体; }
26. 下列样式定义字体间距为0.5倍间距、水平左对齐、垂直顶端对齐、有下划线, 正确的定义是:
( A )。
第 3 页共 11 页
A.p{text-decoration:underline;letter-spacing:0.5em;vertical-align:top;text-align:left; }
B.p{text-decoration:0.5em;letter-spacing:underline;vertical-align:top;text-align:left; }
C.p{text-decoration:left;letter-spacing:top;vertical-align:0.5em;text-align:underline; }
D.p{text-decoration:underline;letter-spacing:0.5em;vertical-align:left;text-align:top; }
27. 以下JavaScript变量名合法的是(D )。
A.4Myvariable
B.My@variable
C.function
D.Myvariable4
28. history对象中不能实现网页后退效果的方法是(B )。
A.back() B.forward()C.go(-1)D.go(-2)
29. 在html文件中正确应用abc.css文件中的样式的方法是(A )。
A.<link href="abc.css" type="text/css" rel="stylesheet">
B.<a href="abc.css" type="text/css" rel="stylesheet">
C.<style type="text/css">@import (abc.css);</style>
D.<style type="text/css">import url (abc.css);</style>
30. 下列哪个不是设置有关边框的属性(D )。
A.border-color
B.border-style
C.border-width
D.border-back
31. 若要在页面中创建一个图形超连接,要显示的图形为logo.gif,
/,以下用法中正确的是( B )。
A.<a href="/">logo.gif</a>
B.<a href="/"><img src="logo.gif" /></a>
C.<img src="logo.gif" /><a href=" /"></a>
D.<a href="/"><img src="logo.gif" />
32. 在网页中若要播放名为“demo.avi”的动画,以下用法中正确的是(D )。
A.<embed src="demo.avi" autostart="true">
B.<embed src="demo.avi" autoopen="true">
第 4 页共 11 页 链接地址
C.<embed src="demo.avi" autoopen="true"></Embed>
D.<embed src="demo.avi" autostart="true"></Embed>
33. 以下代码片段中,属于绝对定位的是(B )。
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;}
34. 以下选项可以定义不带下划线的超连接是( D )。
D.a {text-decoration:no underline}
D.a {underline:none}
D.a {decoration:no underline}
D.a {text-decoration:none}
35. 以下声明,可以隐藏对象的是( C )。
A. display:block
C. display:none
36. 分析如下的JavaScript代码片段,b的值为( C)。
var a=1.5,b;
b=parseInt(a);
A. 2
37. 下面语句中要使while循环体执行10次,空白处应填写( C )。
var iCv=0;
while( C ){iCv+=2;}
A.iCv<10
38. 循环语句for(var i=0;i=1;i++){}的循环次数是(D )。 第 5 页共 11 页 B. display:inline D. display:inline-block B. 0.5 C. 1 D. 1.5 B. iCv<=10 C. iCv<20 D. iCv<=20