web期末复习题b

最新推荐文章于 2024-03-27 09:19:41 发布
最新推荐文章于 2024-03-27 09:19:41 发布
阅读量1.1k 收藏 26
点赞数 20
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62506463/article/details/135338133
版权

1-HTML

1.被称为网页地址，如同在网络上的门牌，是因特网上标准的资源地址，指的是（）

  • A. 统一资源定位器/符URL
  • B. web应用
  • C. 超链接
  • D. web服务器

答案：A统一资源定位器/符URL

2.HTML5的正确doctype是（）

答案：<!DOCTYPE html>

3.用于设置页面标题的是（）

<title>

4.（）是换行标记符

答案：<br>

5.在HTML中，标记<pre>的作用是（）

答案：预格式化标签

6.当前页面的同级目录下图像文件名为myhome.jpg，要访问目标网站为http://www.edu.cn，以下创建一个图像链接正确是（ ）

  • A. <a href="http://www.edu.cn" >myhome.jpg</a>
  • B. <a href="http://www.edu.cn" ><img src="myhome.jpg">
  • C. <img src="myhome.jpg"><a href="http://www.edu.cn" ></a>
  • D. <a href="http://www.edu.cn" ><img src="myhome.jpg"></a>

答案：D

7.用HTML标记语言编写一个简单的网页，网页最基本的结构是(   )

答案：<html><head>...</head><body>...</body></html>

8.用于提供当前HTML文档的元数据，可用于定义网页的字符集、关键词、描述、作者等信息的标签是（  ）

答案：<meta/>

9.CSS样式表包括（）

答案：内联样式表，外联样式表，外部样式表

2-CSS基础

1.下列属于类选择器语法的是（ ）

  • A. div{...}
  • B. p{...}
  • C. .idname{...}
  • D. #idname{...}

答案：C

2. (单选题)表示为所有alt属性值以happy字样开头的图像元素设置2像素宽的蓝色实线边框效果的属性选择器格式为（  ）

  • A. img[alt|="flower"]{ border:1px solid blue; }
  • B. img[alt|="happy"]{ border:1px solid red; }
  • C. img[alt|="happy"]{ border:2px solid red; }
  • D. img[alt|="happy"]{ border:2px solid blue; }

答案：D

3. (单选题)p{

background-color: red !important;

background-color: blue;

background-color: green;

background-color: silver;

}

表示段落元素p的背景颜色设置为（ ）

  • A. 红色
  • B. 蓝色
  • C. 绿色
  • D. 银色

答案：A

 !important与优先级无关，但它与最终的结果直接相关，使用一个 !important 规则时，此声明将覆盖任何其他声明。 

4. (单选题)下列属于相对长度单位的为（ ）

  • A. em
  • B. cm
  • C. mm
  • D. px

答案：A

5. (单选题)p标签的背景颜色为蓝色，背景图片在水平方面和垂直方向都平铺，下列CSS样式设置正确的为（ ）

  • A. p{ background: red url(image/flower.jpg) repeat-x }
  • B. p{ background: blue url(image/flower.jpg) no-repeat }
  • C. p{ background: blue url(image/flower.jpg) repeat-y }
  • D. p{ background: blue url(image/flower.jpg) repeat }

答案：D

6. (单选题)下列不是表示背景图像位于元素左上角所对应的background-position属性设置的是（ ）

  • A. background-position: left top;
  • B. background-position: 0% 50%;
  • C. background-position: 0% 0%;
  • D. background-position: top left;

答案：B

7. (单选题)表示上边内边距为10像素；右边内边距为20像素；下边内边距为10像素；左边内边距为其父元素宽度的10%的内边距设置的是（ ）

  • A. p{padding: 10px 20px 0 20%}
  • B. p{padding: 10px 20px 10px 10%}
  • C. p{padding: 10px 20px 10% 10px }
  • D. p{padding: 10px 20px 0 10px}

答案：B

8. (单选题)下列不属于CSS定位方式的为（ ）

  • A. 绝对定位
  • B. 相对定位
  • C. 层叠效果、浮动
  • D.选择器

答案：D

3-小程序1

1. (单选题)小程序根据开发阶段可以分为不同的版本，这些版本不包括以下哪个？（  ）

  • A.  开发版
  • B. 体验版
  • C. 线上版
  • D. 内部版

答案：D

2. (单选题)在创建完成的第一个小程序项目中，project.config.json文件属于以下哪种？（  ）

  • A. 样式文件
  • B. 项目配置文件
  • C. 页面文件
  • D. JS文件

答案：B

3. (单选题)小程序页面的所有路径地址是保存在以下哪个文件中的？（  ）

  • A. app.json
  • B. app.js
  • C. app.wxss
  • D. project.config.json

答案：A

4. (单选题)在app.json的window属性中还可以配置页面顶端导航栏的样式，以下那个属性用于定义导航栏背景颜色？（  ）

  • A. backgroundTextStyle
  • B. navigationBarTextStyle
  • C. navigationBarTitleText
  • D. navigationBarBackgroundColor

答案：D

5. (单选题)以下哪个文件是小程序的全局逻辑文件？（  ）

  • A. app.js
  • B. app.wxss
  • C. app.json
  • D. project.config.json

答案：A

已知wxml页面上有:

<view>{{msg}}<view>

在js页面上有:

Page({

  data:{ msg:'hello' }

})

那么页面最终显示的文字效果是？（  ）

  • A. {{msg}}
  • B. msg
  • C. {{hello}}
  • D. hello

答案：D

7. (单选题)如果不显示组件view的内容，即页面中不显示“隐藏组件”四个字，以下哪个语句可以实现？（  ）

  • A. <view wx:if='{{true}}'>隐藏组件</view>
  • B. <view wx:if='{{false}}'>隐藏组件</view>
  • C. <view wx:if='true'>隐藏组件</view>
  • D. <view wx:if='false'>隐藏组件</view>

答案：B

8. (单选题)

已知wxml页面代码如下：

 <view> {{x - y}} + {{z}} + x </view>

js页面代码如下：

Page({

    data: {

          x : 5, y : 4, z : 3

     }

})

最后显示结果是？（  ）

  • A. 9
  • B. 1+3+5
  • C. 13x
  • D.  1+3+x

答案：D

9. (单选题)

已知js文件中有：

Page({

     data: {

          teacher: [

             {name: '张老师',id: '111'},

             {name: '李老师',id: '222'},

             {name: '王老师',id: '333'}

          ]

     }

})

想在wxml页面上显示张老师的id号，<view>{{x}}</view>代码中x的位置应该如何写？（  ）

  • A. teacher[1].id
  • B. teacher.id[1]
  • C. teacher[0].id
  • D. teacher.id[0]

答案：C

10. (单选题)

已知js文件中有：

Page({

      data:{

               array:[ '张三', '李四', '王五']

       }

})

wxml页面代码如下：

<view wx:for='？' wx:for-index='？' wx:for-item='？'>

             学生{{stuID}}：{{stuName}}

</view>

请问这三个问号的位置分别应该怎么填写，才能正确显示每个学生的姓名stuNam和学号stuID（默认数组中元素序号 ）？（  ）

  • A. array, index, item
  • B. array, stuID, stuName
  • C.  {{array}}, index, item
  • D. {{array}}, stuID, stuName

答案：D

4-前端、小程序

1. (单选题)

执行下面程序，并在浏览器中打开，根据网页呈现的信息，补全代码。要求：（1）页面标题信息；（2）告警信息输出。

<html>

 <head>

     （1）  

</head>

 <body>

 <script type="text/javascript">

     （2）     //根据图示信息写出代码

 </script>

 </body>

</html>

(1)(2)两个位置应当补充的语句是（  ）

1.png

-

  • A.

    （1）<title>欢迎学习Web客户端编程</title>

    （2）alert("Web客户端编程很好学！");

  • B.

    （1）<meta>欢迎学习Web客户端编程</meta>

    （2）confirm("Web客户端编程！");

  • C.

    （1）<style>欢迎学习Web客户端编程</style>

    （2）alert("Web客户端编程很好学！");

  • D.

    （1）<style>欢迎学习Web客户端编程</style>

    （2）confirm("Web客户端编程很好学！");

答案：A

2. (单选题)

按下图页面效果和代码中注释部分提示信息完善程序代码。要求：（1）3号标题显示信息；（2）水平线宽度为3、颜色为红色。

<html> <head>

  <title> 标题字应用 </title>

</head>

 <body>

              （1）      

              （2）      

           <h5>1.HTML</h5>

           <h5>2.CSS</h5>

       <h6>3.JavaScript</h6>  

 </body>

</html>

2.png

  • A.

    （1）<h3>web前端开发技术</h3>      

    （2）<hr size="3" color="red">

  • B.

    （1）<h3>web前端开发技术</h3>      

    （2）<br size="3" color="red">

  • C.

    （1）<h3>web前端开发技术</h3>      

    （2）<hr size="3" color="blue">

  • D.

    （1）<h3>web前端开发技术</h3>      

    （2）<div size="3" color="red"></div>

答案:A

3. (单选题)以下哪个事件表示手指触摸后马上离开？（  ）

  • A.  touchstart
  • B. touchend
  • C. longpress
  • D. tap

答案：D

4. (单选题)下面哪个open-type属性值表示<navigator>组件跳转方式为重定向，即表示在当前页面重新打开新地址内容？（  ）

  • A. navigate
  • B. redirect
  • C. switchTab
  • D. navigateBack

答案：B

5. (单选题)以下哪个不属于表单组件？（  ）

  • A. <button>
  • B. <icon>
  • C. <input>
  • D. <form>

答案：B

6. (单选题)已知有<text decode>&lt;</text>运行后页面预览效果是？（  ）

  • A. 显示&lt;本身
  • B. 显示>符号
  • C. 显示<符号
  • D. 不显示任何内容

答案：C

7. (单选题)

<icon>是图标组件，以下哪句代码可以实现一个蓝色、30像素大小的搜索图标？（  ）

QQ截图20200711170558.png

  • A. <icon type="search" size="30" color="blue"></icon>
  • B. <icon type="search" size="30px" color="red"></icon>
  • C. <icon type="discover" size="30" color="blue"></icon>
  • D. <icon type="discover" size="30px" color="blue"></icon>

答案：A

8. (单选题)以下哪个不属于小程序的视图容器组件？（  ）

  • A. <view>
  • B. <cover-view>
  • C. <text>
  • D. <scroll-view>

答案：C

9. (单选题)

已知wxml页面有：

<view id='test'>测试</view>

在wxss文件中使用以下哪种选择器可以将其中的文字更新为蓝色？（  ）

  • A. id{color:blue;}
  • B. .test{color:blue;}
  • C. #test{color:blue;}
  • D. test{color:blue;}

答案;C

10. (单选题)

已知wxml页面有：

<view wx:if="{{x > 99}}"> A </view>

<view wx:elif="{{x > 9}}"> B </view>

<view wx:else> C </view>

在js页面有：

Page({

    data:{

        x: 9

    }

})

最后页面显示的是？（  ）

  • A. A
  • B. B
  • C. C
  • D. ABC

答案：C

风枕南弦
关注
  • 20
    点赞
  • 踩
  • 26
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序期末复习
weixin_30672295的博客
06-01 2万+
过什么六一，复习不完了。。。 第1章作业 一.单选题（共10题,100.0分） 1以下哪个不是主流的手机操作系统？ A、Android B、iOS C、Windows Phone D、Blackberry 正确答案： D Blackberry是黑莓手机，是一种手机品牌，不是一种手机操作系统 2微信小程序是于何时正式发布？ A、2015年1月9日 B、201...
web实验9第2个小题
ly66611111的博客
11-20 145
代码： 运行结果：原图没有找到，自己p了一下，如有不当之处，欢迎指正，感谢感谢！！！
前端期末考试试题及参考答案(07)
谷哥的小弟
01-02 2758
媒体查询是向不同设备提供不同样式的一种不错方式，它为每种类型的用户提供了最佳的体验。作为CSS3规范的一部分，媒体查询扩展了media属性的角色。允许设计人员基于各种不同的设备属性（比如屏幕宽度、方向等）来确定目标样式。
web10.22
Tracy1101的博客
10-25 196
html：hyper text markup language 超文本标签语言 这里的标签也可以称为标记或者元素。Web前端一般由多种开发技术制作，是给用户展示的网页页面，即网站的前台部分。img标签用来引入图片到页面中 src是一个必须的属性，该属性表示图片的地址。他是一个描述性文本，它可以描述文字、表格、声音、视频、动画、链接等。它是目前网络上运用最广泛的技术之一，也是网页呈现主要基石。头部head：他提供的浏览器所需要的信息。主体部分body：他提供网页主要内容。4.本节课所学的标签。
web、css、HTML学习笔记
gosickkiss的博客
11-01 256
WEB WEB Basic :HTML + CSS + JavaScript Django： =========================================================================================== 1.WEB 1. 什么是WEB web就是互联网上的一种应用程序 -网页 典型的应用： 1. C/S Client：客户端 Server：服务端 2.B/S Browser：浏.
山东大学web期末复习.pdf
01-06
山东大学web期末复习资料 本资源为山东大学web期末复习资料，涵盖了HTML基本结构、标记属性、基本语法、网页元信息、文本修饰、列表、超链接、图像、表格、表单、CSS选择器等多方面的知识点。 一、HTML基本结构 ...
java web 期末复习题库及答案
12-26
在 JSP中作用域由小到大的组合是 A ．request page session application B．page request session application C．pageContext request session application D．pageScope request sessionScope applicationScope
ssh期末复习题.doc
11-15
SSH 期末复习题涉及到的主要知识点包括 Struts 2 框架、Hibernate ORM 和 Java Web 开发中的核心概念。以下是对这些知识点的详细说明： 1. **Struts 2**： - **基础类库**：构建 Struts 2 应用的基础类库包括 `...
web期末复习题
12-20
在准备Web期末复习时，需要理解并掌握一系列关键知识点。以下是一些重点内容： 1. **Servlet**: Java Servlet是用于扩展服务器功能的Java类。它处理来自客户端（通常是Web浏览器）的请求，并生成响应。Servlet对象...
java web 期末复习题库（便于打印）
12-26
(A) destroy() (B) doGet() (C) service() (D) init0 response对象的 setHeader( String name， String value) 方法的作用是 A 添加 HTTP 文件头 B 设定指定名字的 HTTP 文件头的值 C 判断指定名字的 HTTP 文件头...
Web前端技术（期末复习 选填、判断、简答、编程等超全总结）.zip
07-17
本资源包含《Web前端》这门课程的全部复习资料，所有题型都已经涵盖，同时也有对应的PPT和试验的总结，需要的朋友可以下载哈！
小程序开发期末复习题
最新发布
qq_37441377的博客
03-27 591
在学习小程序网络API一章时实验课制作了一个简易的天气预报小程序，请描述开发该项目需要的准备工作、页面设计和功能实现，并谈谈你的心得体会。答：1 + 3+ x（2分） {{x-y}}会代入数字进行算数运算，{{z}}直接替换为数字，+号和x都直接显示字面内容。页面设计：垂直布局（flex-direction:column），水平方向居中（align-items:center），使用了、功能实现：使用小程序网络API中的wx.request发送网络请求，提供key和需要查询的城市，获取返回值json格式。
13.text
天蝎
03-27 343
text 组件具有提供提供基础内容组件；text 组件所支持的属性如下： selectable 文本是否可选，需要在真机上测试 space <text>点我 哈哈哈哈哈</text> 如上图，虽然代码上写了很多个空格，但是界面只显示一个空格 解决方法是给text一个space属性 <text space="nbsp"&g...
前端期末考试试题及参考答案(06)
谷哥的小弟
01-02 4411
HTML5支持的视频格式：目前，在HTML5中嵌入的视频格式主要包括Ogg、MPEG4、WebM三种文件格式。
前端期末考试试题及参考答案(04)
谷哥的小弟
12-31 3296
表单中最为核心的就是< input>标签，使用< input>标签可以在表单中定义文本输入框、单选按钮、复选框、重置按钮等
学习web前端之HTML总结1
chabc1999的博客
11-08 561
一、HTML基础 1.简介 HTML（Hypertext Text Markup Language）即一种超文本标记语言，是构成web页面（Page）的基础。用HTML编写的超文本文档就是HTML文档，是由很多标记组成的一种文本文件。使用HTML描述的文件能够独立于各种操作平台，访问它只需要一个www（万维网）浏览器即可。 HTML是一种标记语言而不是编程语言。 2.编辑器 两款常用编辑器 VS Code下载网址：https://code.visualstudio.com/ Sublime Text 下载网
那些web前端经典面试题大全及答案
热门推荐
weixin_33743703的博客
01-16 1万+
阅读目录JavaScript部分JQurey部分HTML/CSS部分正则表达式开发及性能优化部分本篇收录了一些面试中经常会遇到的经典面试题以及自己面试过程中遇到的一些问题，并且都给出了我在网上收集的答案。马上就要过春节了，开年就是崭新的一年，相信很多的前端开发者会有一些跳槽的悸动，通过对本篇知识的整理以及经验的总结，希望能帮到更多的前端面试者。（如有错误或更好的答案，欢迎指正，水平有限，望各位不吝...
web前端试题和答案
weixin_30851867的博客
05-28 567
一、基础题（一）判断题（5分）1．所有的HTML标记符都包括开始标记符和结束标记符。( 1)2．良好的网站目录结构有利于网站的开发与维护。( 0)3．HTML表格在默认情况下没有边框。( 1)4．有序列表和无序列表可以互相嵌套。( 1)5．CSS样式表项的组成格式为：selector{property1:value1,property2:value2,……}( ...
web前端开发技术期末考试_(完整word版)web前端开发技术试卷三
weixin_39655981的博客
12-22 4082
Web前端开发技术课程考试试卷(三)总分100分考试时间：120分钟考试形式：闭卷一、选择题(每题1分，共20分)1．HTML指的是__________。(A)超链接的文本标记语言(B)超文本标识语言(C)家庭工具标记语言(D)以上都不是2．下列能够实现美化页面的语言是__________。(A)HTML(B)CSS(C)VFP(D)JavaScript3．以下标记中用于设置内部样式表的标记的是_...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值