[李景山php] html css JavaScript jquery试题库

一、HTML部分
1、单选题
2、默认情况下，使用h1标签会形成什么效果?
（1）（      B    ）
A、加粗、斜体             B、加粗、大号文字
C、正常粗细、正常大小文字 D、正常粗细、大号文字

    （2）html中的注释标签是（   C       ）
            A、  <--      -->
            B、<--!      -->
            C、<!--      -->
            D、<--      --!>
（3）<strong>…</strong>标签的作用是（     D     ）
       A、斜体   B、下划线   C、上划线  D、加粗
（4）网页中的空格在html代码里表示为（    B      ）
        A、&amp;  B、&nbsp;  C、&quot;  D、&lt;
（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标签中加（     D     ）属性
        A、selected  B、disabled  C、type  D、checked
（12）以下HTML代码中，哪一个是将词语“麦子学院”显示为微软雅黑字体并且字号为5号的正确代码？（     B     ）
      A、<font size=“5”font=“微软雅黑”>麦子学院</font> 
        B、<font size=“5”face=“微软雅黑”>麦子学院</font> 
C、<font size=5 font=微软雅黑>“麦子学院”</font> 
        D、<font size=5 face=“微软雅黑”,text=“麦子学院”</font>

二、css部分
1、单选题
    （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； } 

（5）在html文件中应用abc.css文件中的样式的方法有（AB）
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>

    （6）下列哪些是设置有关边框的属性（ABC）
            A、border-color
            B、border-style
            C、border-width
            D、border-back


（7）如何在CSS文件中插入注释？（C）
A、//this is a comment
B、//this is a comment//
C、/*this is a comment*/
D、’this is a comment

（8）关于html的盒模型，下列说法正确的是？（C）
A、margin是内边距
B、padding是外边距
C、border是边框
D、border-radius是css3标准，因此IE并不支持border-radius属性


（9）以下关于盒子模型描述正确的是：（A）
A  标准盒子模型中：盒子的总宽度＝左右margin + 左右border + 左右padding + width
B  IE盒子模型中：盒子总宽度 ＝ 左右margin + 左右border + width
C  标准盒子模型中：盒子的总宽度 ＝ 左右margin + 左右border + width
D  IE盒子模型中：盒子总宽度 ＝ width

盒模型所占宽度：width=10px+1px+20px+200px+20px+1px+10px=262px。 任意一个块级


（10）如何去掉文本超级链接的下划线？（D）

A. a {text-decoration:no underline} 
 
B. a {underline:none} 
 
C. a {decoration:no underline} 
 
D. a {text-decoration:none}


三、JavaScript部分
1、单选题
(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程序
        var   x=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）鼠标移过事件和鼠标移出事件分别是（A）
            A、onmouseout，onmouseover
            B、onmouseover，onmouseout
            C、onmousedown，onmouseup
            D、onmouseup, onmousedown

    （7）在JavaScript程序中加入注释，方法有（AB）
            A、//注释内容
            B、/*注释内容*/
            C、/注释内容
            D、/*注释内容
    （8）以下JavaScript变量名不合法的有（ABC）
            A、4Myvariable
            B、My@variable
            C、function
            D、Myvariable4 
    （9）location对象中可实现重新链接到其他网址的属性或方法有（AC）
            A、href属性  B、reload（）  C、replace（）  D、host

    （10）function Foo() {
          var i = 0;
          return function() {
        console.log(i++);
         }
}
 
var f1 = Foo(),
        f2 = Foo();
f1();
f1();
f2();
这个JS程序的输出是什么？（A）

          A、0 1 0  B、0 0 0  C、0 1 2  D、0 0 1


    (11) 现有如下html结构
    <ul>
 <li>click me</li>
 <li>click me</li>
 <li>click me</li>
 <li>click me</li>
</ul>


运行如下代码：
         var elements=document.getElementsByTagName('li');
     var length=elements.length;
     for(var i=0;i<length;i++){
         elements[i].onclick=function(){
         alert(i);
     }
 }

依次点击4个li标签，哪一个选项是正确的运行结果（D）
          A 依次弹出1，2，3，4
B 依次弹出0，1，2，3
C 依次弹出3，3，3，3
D 依次弹出4，4，4，4

四、Jquery部分







五、综合题
1、写一个.html文件的网页代码，其中包含JavaScript代码。
    要求：有一个文本框和一个按钮，并且预览该网页时，在文本框输入内容后，点击按钮后，弹出一个对话框，对话框的显示的内容是文本框中输入的内容。