WEB前端应用开发习题总结以及答案

最新推荐文章于 2023-06-19 15:14:05 发布

Alfafar

最新推荐文章于 2023-06-19 15:14:05 发布

阅读量4.1k

点赞数 2

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/Alfafar/article/details/116163521

版权

html 专栏收录该内容

3 篇文章 1 订阅

订阅专栏

本文介绍了HTML、CSS和JavaScript的基础知识，包括网页结构、样式表的使用、JavaScript的基本语法以及DOM操作。讲解了标签的正确用法、样式优先级、事件处理和网页交互功能。此外，还涉及到了jQuery的选择器、动画效果和事件处理，以及如何在HTML中引入JavaScript脚本。内容涵盖网页开发的核心概念和技术，适合初学者入门学习。

摘要由CSDN通过智能技术生成

一.单选题（共14题,53.2分）
1
WWW上的任何信息(包括文档、图像、图片、视频或音频等)都被看作是资源，为了方便地引用资源，应给它们分配一个唯一的标志来描述该资源存放于何处以及如何对它进行存取，当前使用的命名机制叫(   )
A、
URL
B、
WWW
C、
DNS
D、
FTP
正确答案： A 我的答案：A 得分： 3.8分
2
下列关于站点目录结构组织的描述正确的是(   )
A、
可以使用中文目录
B、
将所有文件都存放在根目录下
C、
按栏目内容分别建立子目录
D、
只在根目录下建立 Images目录
正确答案： C 我的答案：C 得分： 3.8分
3
运行在互联网上用于WWW服务的协议是(   )
A、
HTTP
B、
 FTP
C、
SMTP
D、
POP3
正确答案： A 我的答案：A 得分： 3.8分
4
下列标签用法正确的是（  ）
A、
<a src="http://www.163.con">163.com</a>
B、
<img href="1.jpg" width="100px" height="100px">
C、
<li>
    <ul>苹果</ul>
    <ul>香蕉</ul>
     <ul>橘子</ul>
</li>
D、
<ol>
    <li>苹果</li>
    <li>香蕉</li>
     <li>橘子</li>
</ol>

正确答案： D 我的答案：D 得分： 3.8分
5
HTML5的正确 doctype是(   )
A、
<! DOCTYPE HTML5>
B、
<! DOCTYPE html>
C、
< DOCTYPE HTML PUBLIC"//W3C//DTD HTML 5. 0//EN" "http://www.w3.org/tr/html5/strict.dtd">
正确答案： B 我的答案：B 得分： 3.8分
6
下列HTML标签中表示折行的是(   )
A、
< br/>
B、
 <break/>
C、
<lb/>
D、
<b/>
正确答案： A 我的答案：A 得分： 3.8分
7
下列产生粗体字的HTML标签为(   )
A、
<bold>
B、
<bb>
C、
<b>
D、
<bld>
正确答案： C 我的答案：C 得分： 3.8分
8
＂＆＂在网页中用编码表示应为()。
A、
 &It;
B、
&amp;
C、
&nbsp;
D、
&copy;
正确答案： B 我的答案：B 得分： 3.8分
9
格式“＜a href＝＂../目标文件名.html＞超链接显示文本＜/a＞”表示(    )
A、
链接到同一目录中的网页文件
B、
链接到下一级目录中的网页文件
C、
链接到上一级目录中的网页文件
D、
链接到同级目录中的网页文件
正确答案： C 我的答案：C 得分： 3.8分
10
在HTML中定义一个书签应该使用(    )
A、
< a name="bookmark"> text </a>
B、
<a href="#bookmark"> text</a>
C、
<a link="#bookmark"> text</a>
D、
<a target="#bookmark> text </a>
正确答案： A 我的答案：A 得分： 3.8分
11
下列制作电子邮件链接的格式正确的是(   )
A、
<a href="xxx@yyy>
B、
<mail href="xxx@yyy>
C、
<a href="mailto:xxx@yyy>
D、
<mail>xxx@yyy</mail>
正确答案： C 我的答案：C 得分： 3.8分
12
(   )不是网页中一般使用的图片格式
A、
 gif
B、
jpeg
C、
png
D、
bmp
正确答案： D 我的答案：D 得分： 3.8分
13
用于播放html5视频文件的正确标签是（ ）
A、
<movie>
B、
<media>
C、
<video>
D、
<audio>
正确答案： C 我的答案：C 得分： 3.8分
14
＜audio＞标签支持的音频格式有()
A、
只有MP3
B、
只有MP3与WAV格式
C、
只有mp3、WAV与Ogg格式
D、
任何格式都可以
正确答案： C 我的答案：C 得分： 3.8分
二.判断题（共12题,46.8分）
1

Web客户端在Internet上被称为浏览器，它一种用来浏览Web页面的软件
我的答案：√ 得分： 3.8分 正确答案：√
2
主页( Home Page)就是网站默认的首页。主页默认的文件名通常为 index.html或default.html
我的答案：√ 得分： 3.8分 正确答案：√
3
所谓的静态网页并不单纯指网页上没有动画效果，但是在网页上放置了 Flash或者GIF动画的网页肯定是动态网页
我的答案：× 得分： 3.8分 正确答案：×
4
Web标准都是由W3C( World Wide Web Consortium，万维网联盟)组织起草和发布
我的答案：√ 得分： 3.8分 正确答案：√
5
HTML的标签名及属性名不区分大小写。
我的答案：√ 得分： 3.8分 正确答案：√
6
HTML对属性名称的排列顺序没有特别的要求。
我的答案：√ 得分： 3.8分 正确答案：√
7
在HTML中所有的标签都必须要有一个相应的结束标签
我的答案：× 得分： 3.8分 正确答案：×
8
在标签内可以包含一些属性，属性名称出现在标签的后面，并且以分号进行分隔。
我的答案：× 得分： 3.8分 正确答案：×
9
在网页上，只有文字可以与某个页面或其他网站进行内部链接。
我的答案：× 得分： 3.8分 正确答案：×
10
使用书签链接可以跳转到本网页内的其他位置，但不能跳转到其他网页中的位置
我的答案：× 得分： 3.8分 正确答案：×
11
浏览器会忽略注释标签中的文字，不做显示
我的答案：√ 得分： 3.8分 正确答案：√
12
在HTML代码中空格应写为“＆nbsp;”
我的答案：√ 得分： 5.0分 正确答案：√

一.单选题（共20题,66.0分）
1
css指的是
A、
Computer Style Sheets
B、
Cascading Style Sheets
C、
Creative Style Sheets
D、
Colorful Style Sheets
正确答案： B 我的答案：B 得分： 3.3分
2
结构与样式分离依赖于
A、
html
B、
css
C、
xml
D、
style
正确答案： B 我的答案：B 得分： 3.3分
3
下面不属于css插入形式的是
A、
索引样式
B、
内联样式表
C、
内部样式表
D、
链接外部样式
正确答案： A 我的答案：A 得分： 3.3分
4
使用内部样式表示方法定义样式应该使用的标签是
A、
link
B、
object
C、
style
D、
styles
正确答案： C 我的答案：C 得分： 3.3分
5
在html文档中，应用外部样式表的正确位置是
A、
文档的末尾
B、
<head>部分
C、
文档顶部
D、
<body> 部分
正确答案： B 我的答案：B 得分： 3.3分
6
链接到外部样式表使用的标签是
A、
style
B、
link
C、
object
D、
head
正确答案： B 我的答案：B 得分： 3.3分
7
下列css的应用方式中优先级最高的是
A、
内联样式
B、
默认样式
C、
内部样式
D、
外部样式
正确答案： A 我的答案：A 得分： 3.3分
8
当编写css时，不同属性应使用(  )分隔
A、
#
B、
，
C、
；
D、
：
正确答案： C 我的答案：C 得分： 3.3分
9
下列哪一项的css语法是正确的
A、
body:color=black
B、
{
body:color=black(body)
}
C、
body
{
color:black
}
D、
{
body;color:black
}

正确答案： C 我的答案：C 得分： 3.3分
10
下列哪一项是在对css进行注释
A、
//this is a Comment
B、
//this is a Comment//
C、
/*this is a Comment*/
D、
'this is a Comment
正确答案： C 我的答案：C 得分： 3.3分
11
css中设置文字大小的属性是
A、
font-style
B、
font-weight
C、
font-size
D、
size
正确答案： C 我的答案：C 得分： 3.3分
12
css中设置文本颜色的属性是
A、
text-color;
B、
bgcolor
C、
color
D、
background-color
正确答案： C 我的答案：C 得分： 3.3分
13

在css中设置文本属性text-indent 主要设置的是
A、
字间距
B、
字母间距
C、
文字对齐
D、
首行缩进
正确答案： D 我的答案：D 得分： 3.3分
14
一下哪项表示将所有p元素设置为粗体
A、
<p style="font-size:bold">
B、
<p style="text-size:bold">
C、
p{
font-weight:bold
}
D、
p{
font-size:bold
}

正确答案： C 我的答案：C 得分： 3.3分
15

下拉哪一项不是css中设置长度的单位
A、
px
B、
pt
C、
em
D、
kk
正确答案： D 我的答案：D 得分： 3.3分
16
下拉哪一项可设置超级链接没有下划线
A、
a{ 
text-decoration:none
}
B、
a{ 
text-decoration:no underline
}
C、
a{ 
 underline:none
}

D、
a{ 
   decoration:no  underline
}

正确答案： A 我的答案：A 得分： 3.3分
17
下拉哪一项可以产生带方形的项目符号列表 
A、
list-type:square
B、
list-style-type:square
C、
type:square
D、
type:2
正确答案： B 我的答案：B 得分： 3.3分
18
下拉哪一项默认是块状元素
A、
form
B、
img
C、
span
D、
stong
正确答案： A 我的答案：A 得分： 3.3分
19
下拉哪一项默认是行内元素
A、
ol
B、
h1
C、
label
D、
li
正确答案： C 我的答案：C 得分： 3.3分
20
下拉优先级描述正确的是
A、
id>标签>类
B、
类>标签>id
C、
id>类>标签
D、
标签>类>id
正确答案： C 我的答案：C 得分： 3.3分
二.判断题（共10题,34.0分）
1
css文件导入必须在body标签内完成
我的答案：√ 得分： 0.0分 正确答案：×
2

css的数值与单位之间可以加空格
我的答案：× 得分： 3.3分 正确答案：×
3
a:hover设置a对象在鼠标放置在元素上的样式属性
我的答案：√ 得分： 3.3分 正确答案：√
4
<span>是块状元素 <div>是行内元素
我的答案：× 得分： 3.3分 正确答案：×
5
外边距margin的取值只能设置为正数
我的答案：× 得分： 3.3分 正确答案：×
6
左右两个盒子之间的间距是外边距较大的那个值
我的答案：× 得分： 3.3分 正确答案：×
7
盒子模型中width height指盒子的宽和高
我的答案：√ 得分： 3.3分 正确答案：√
8
上下两个相邻盒子，不管其是否存在负边距值，两个盒子的间距的计算方法都是一样的
我的答案：× 得分： 3.3分 正确答案：×
9
块元素与行内元素可以相互转换
我的答案：× 得分： 0.0分 正确答案：√
10
ul表示无序列表 ol表示有序列表  dl表示自定义列表
我的答案：√ 得分： 4.3分 正确答案：√

一.单选题（共20题,76.0分）
1
需要在页面上引用脚本文件js.js，下列语句中，正确的是

A、
<script href="js.js"  type="text/javascript" />

B、
<script src="js.js"  type="text/javascript" />

C、
<script href="js.js" type="text/javascript"></script>

D、
<script src="js.js"  type="text/javascript"></script>

正确答案： D 我的答案：D 得分： 3.8分
2
以下哪种方式是在控制台输出
A、
console.log()
B、
document.write()
C、
alert()
D、
prompt()
正确答案： A 我的答案：A 得分： 3.8分
3
以下哪个单词不属于javascript关键字
A、
function
B、
float
C、
var
D、
return
正确答案： B 我的答案：B 得分： 3.8分
4
如下javascript代码运行的结果是弹出一段消息，其内容是
var a; 
alert(a);

A、
报错
B、
a is not define
C、
undefined
D、
null
正确答案： C 我的答案：C 得分： 3.8分
5
jquery隐藏如下所示的输入框  
<input id="username" name="username" type="text"/>

A、
 $("username").hide();

B、
$(#username).remove();

C、
$("#username").hide();

D、
$("#username").remove();
正确答案： C 我的答案：C 得分： 3.8分
6
jQuery 的方法get()的作用
A、
使用 http get 请求从服务器接口加载数据
B、
返回一个对象
C、
返回存在jQuery对象中的DOM元素
D、
操作界面元素
正确答案： A 我的答案：A 得分： 3.8分
7
下列关于Jquery中fadeIn()方法正确的是
A、
可以改变元素的高度
B、
可以逐渐改变被选元素的不透明度，从隐藏到可见（褪色效果）
C、
可以改变元素的宽度
D、
与fadeIn( )相对的方法是fadeOn( )
正确答案： B 我的答案：B 得分： 3.8分
8
以下P标签经过Jquery以下操作后的标签将变成
<p>你好</p>
$('p').append("<b>西南石油大学</b>");
A、
<p>你好</p><b>西南石油大学</b>

B、
<p><b>西南石油大学</b>你好</p>
C、
<b>西南石油大学</b><p>你好</p>

D、
 <p>你好<b>西南石油大学</b></p>
正确答案： D 我的答案：A 得分： 0.0分
9
以下关于jQuery的描述错误的是
A、
jQuery是一个javascript函数库

B、
jQuery极大地简化了JavaScript编程

C、
jQuery的宗旨是“写得少，做得多”

D、
jQuery不能根据选择器查找HTML元素，然后对这些元素执行相关的操作。

正确答案： D 我的答案：D 得分： 3.8分
10
使用Jquery给按钮添加点击事件的代码正确的是
<input id='btnSure' type='button'   value='确定'>
A、
 $('#btnSure').click(function(){
 })

B、
 $('#btnSure').onclick(function(){
 })

C、
 $('#btnSure').click=function(){
 }

D、
  $('#btnSure').οnclick=function(){
 }

正确答案： A 我的答案：A 得分： 3.8分
11
javaScript是运行在(  )的脚本语言。
A、
服务器端
B、
客户端
C、
在服务器运行后，把结果返回到客户端

D、
在客户端运行后，把结果返回到服务端

正确答案： B 我的答案：B 得分： 3.8分
12
在JavaScript中，把字符串"123"转换为整型值123的正确方法是(   )。
A、
var str="123";
var num=(int)str;

B、
var str="123";
var num=str.parseInt(str);

C、
var str="123";
var num=parseInt(str);

D、
var str="123";
var num=Integer.parseInt(str);

正确答案： C 我的答案：C 得分： 3.8分
13

在JavasScript中，若要实现复选框全选功能，则在横线处填写的代码应为(    )(选择一项)

<script type="text/javascript">

  function allChecked( ){

         var allck=__________

         for(var i = 0 ;i<allck.length;i++){

                   allck[i].checked=true;

          }

  }

</script>

<body>

<p><input name="chk" type="checkbox" value="滑雪">滑雪

<p><input name="chk" type="checkbox" value="游泳">游泳

<p><input name="chk" type="checkbox" value="爬山">爬山

<p><input name="btn" type="button" onClick="allChecked( )" value="选择">

A、
document.getElementsById("chk");
B、
document.getElementsByName("chk");
C、
document.getElementByName("checkbox");
D、
document.getElementsByTagName("chk");
正确答案： B 我的答案：B 得分： 3.8分
14
以下关于Javascript的说法中正确的是(   )
A、
Jquery是区别于Javascript的另一种Web脚本语言

B、
JavaScript与Jquery不可以混合使用

C、
Javascript可以以*.js的形式放在单独的文件中
D、
使用Jquery方法时可以不用引入Jquery库文件

正确答案： C 我的答案：C 得分： 3.8分
15
在HTML页面中包含一个按钮控件btnLogin，如果要实现点击该按钮时调用已定义的JavaScript函数Login()，要编写的HTML代码是（）

A、
<input name="btnLogin" type="button" onBlur="Login()" value="登录">

B、
<input name="btnLogin"  type="button" onFocus="Login()"  value="登录">

C、
<input name="btnLogin"  type="button" onClick="function Login()" value="登录">
D、
<input name="btnLogin"  type="button" onClick="Login()" value="登录">

正确答案： D 我的答案：D 得分： 3.8分
16
读取localStorage的数据的方式正确的是
A、
localStoage.getItem("变量名")
B、
localStoage.loadItem("变量名")
C、
localStoage.get("变量名")
D、
localStoage.setItem("变量名")
正确答案： A 我的答案：A 得分： 3.8分
17
以下基于Json数据格式表示正确的是
A、
var student={"stuname":"张三",stuage:20,"stuaddresss":{"stucity":成都市,"stustreet":新都大道8号}};
B、
var student={"stuname":"张三","stuage":20,"stuaddresss":{"stucity":"成都市","stustreet":"新都大道8号"}};
C、
var student={stuname:张三,stuage:20,"stuaddresss":{"stucity":成都市,"stustreet":新都大道8号}};
D、
 var student={"stuname":"张三",stuage:“20”,"stuaddresss":{"stucity":成都市,"stustreet":新都大道8号}};

正确答案： B 我的答案：B 得分： 3.8分
18
在javascript中，“1555”+3的运行结果是
A、
1558
B、
1552
C、
15553
D、
1553
正确答案： C 我的答案：C 得分： 3.8分
19
javascript获取div中的文本信息
<div id="one">西南石油大学</div>
A、
document.getElementById("one").value;
B、
document.getElementById("one").text;
C、
document.getElementById("one").innerHTML;
D、
document.getElementById("one").val();
正确答案： C 我的答案：C 得分： 3.8分
20
$(document).ready(function(){
				
})
方法的描述正确的是

A、
html元素加载完成后自动执行，主要用于一些初始化工作
B、
html页面元素刚一开始加载时执行
C、
页面中第一句被执行的JavaScript代码
D、
关闭页面是所自动执行的方法
正确答案： A 我的答案：A 得分： 3.8分
二.判断题（共6题,24.0分）
1
在JavaScript中，使用单引号（'）标记字符常量，而是用双引号（"）标记字符串常量
我的答案：× 得分： 3.8分 正确答案：×
2
用var定义一个变量后，如果没有赋予任何值，那么它的值是空值，即null
我的答案：× 得分： 3.8分 正确答案：×
3
JavaScript严格区分大小写
我的答案：√ 得分： 3.8分 正确答案：√
4
JavaScript是支持对象的编程语言
我的答案：√ 得分： 3.8分 正确答案：√
5
javascript通过document.getElementById("username")方法去查找元素是会找到所有id为username的元素集合
我的答案：× 得分： 3.8分 正确答案：×
6
html页面中只能在head标签内中编写javascript脚本代码
我的答案：× 得分： 5.0分 正确答案：×