Web前端复习二

第一章测试

选项中加粗的为答案

1.图片的边框可以通过( )设定宽度。

A.width

B.height

C.border

D.align

2.关于超链接,( )属性用于规定在何处打开链接文档。

A.href .

B.target

C.title

D.onclick

3.( )是在新窗口打开网页文档。

A _blank

B_self

C_parent

D._new

4.建立锚点后,便可以创建锚点链接,需要用(# )号以及锚点名称作为(href )属性值。

5.( <font>)标签用来设定字体、字号和颜色等属性,是HTML中最基本的标签之一。

6.meta标签的属性有 (name )和(http-equiv ),其中(name )主要用来描述网页,以便于搜索引擎的查找和分类。

第二章测试

1.( )用来定义表格头部信息,多用于表格的第一行或第一列。

A. <caption>

B. <td>

C. <th>

D. <thead>

2.HTML使用( )标签将表格按列进行分组。

A. rows

B. colspan

C. colgroup

D. rowgroup

3.下列表格按行分组使用表头标签( )、表格主体标签( )以及表尾标签( )。

A.<head><body><foot>

B. <thead><tbody><tfoot>

C. <head><table><foot>

D. <thead><table><tfoot>

4.表格的标题使用专门的标签( )。

A. <title>

B. <caption>

C. <thead>

D. <head>

5.框架集标签使用属性( )对行进行划分。

A. col

B. cols

C. row

D. rows

6.在创建超链接时,通过( )属性指明新的页面应该在哪个框架中进行加载。

A. src

B. title

C. href

D. target

7.内联框架是嵌入到页面中的一个区域,通过( )标签引入另外一个页面资源。

A.<frame>

B.<iframe>

C. <frameset>

D. <set>

8.表格的标签使用( )属性说明当前分组占据几列。

A. <span>

B. <rowspan>

C. <colspan>

D. <column>

第三章测试

1.method属性的取值可以是( get )或( post ),其中( get )为默认值。

2.<input>标签的type属性常见的取值有

text )、( password )、( radio )(指明表单域的类型是单选按钮)、( checkbox )(复选框 即多选)、( file文件上传选择框 )、( hidden隐藏域 )、( button 按钮 ), (  submit 提交 )、 ( reset 重置 )、和 image(图片按钮,创建一个图像控件,该控件单击后将导致表单立即被提交)。

3.列表选择框是通过( <select> )和( <option> )标签构成的。

4.(  <optgroup> )标签可以对列表选项框中的选项进行分组。

5.按钮主要分为( submit 提交按钮 )、( reset 重置按钮 )、( image图片按钮 )、 ( button普通按钮 )。

6.<textarea>标签中,( cols )属性用来设置文本输入框的宽度,( rows )属性用来设置文本输入框的高度。

7.在列表选择框中,( multiple )属性规定该列表允许多选。

8.单选按钮分组是根据( name )属性进行划分的。

第四章测试

1.CSS是( )的英文缩写。

A. Computer Style Sheets

B. Cascading Style Sheets

C. Creative Style Sheets

D. Colorful Style Sheets

2.在以下的HTML中,( )是正确引用外部样式表的方法。

A. <style src=“mystyle.css”>

B. <stylesheet> “mystyle.css”

C. <link rel=“stylesheet” type=“text/css” href=“mystyle.css”>

D. <link rel=“mystyle.css” type=“text/css” href=stylesheet">

3.HTML标签中( )用于定义内部样式表。

A. <style>

B. <script>

C. <link>

D. <css>

4.下面( )可以将超链接的下划线去掉。

A. {text-decoration:none;}

B. {underline:none;}

C. {decoration:underline;}

D. {decoration:none;}

5.( )属性用来设置背景图像是否随页面内容一起滚动。

A. background-position

B. background-attachment

C. background-origin

D. background-clip

6.属性position为( )时,元素的位置固定,当拖动滚动条时,不随滚动条滚动,保持在原来位置。

A. static

B. relative

C. absolute

D. fixed

7.HTML中的( )属性可用来定义内联样式。

A.class

B.style

C.font

D.name

8.在CSS文件中插入注释正确的是( )。

A.//this is a comment

B.<!-- this is a comment -->

C./* this is a comment */

D.'this is a comment

第五章测试

1.盒子模型从外到内的顺序是( )

A.border->margin->padding->content

B.margin->border->padding->content

C.margin->padding->border->content

D.padding->border->margin->content

2.设置边框宽度时,参数个数可能是()。

A.1~2

B.2~4

C.3~4

D.1~4

CSS  border-width 属性可以接受 1 4 个值:

  • 1 个值:所有四个边都使用相同的宽度。
  • 2 个值:第一个值为上下边的宽度,第二个值为左右边的宽度。
  • 3 个值:第一个值为上边宽度,第二个值为左右边宽度,第三个值为下边宽度。
  • 4 个值:分别对应上、右、下、左边的宽度。

例如:

/* 1 个值:所有边 */

border-width: 5px;

/* 2 个值:上下、左右 */

border-width: 5px 10px;

/* 3 个值:上、左右、下 */

border-width: 5px 10px 15px;

/* 4 个值:上、右、下、左 */

border-width: 5px 10px 15px 20px;

3.下面边框样式中,()是虚线类型。

A.dashed

B.solid

C.double

D.dotted

4.TRBL规则指的是()

A.上->下->右->左

B.上->右->下->左

C.左->右->上->下

D.右->上->左->下

5.现有圆角边框的样式border-radius:10px 20px/30px 20px 40px,下面相关代码不正确的是()。

A.border-top-left-radius:10px 30px

B.border-top-right-radius:20px 20px

C.border-bottom-right-radius:10px 40px

D.border-bottom-left-radius:20px 40px

  • 四个值: 第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角。
  • 三个值: 第一个值为左上角, 第二个值为右上角和左下角,第三个值为右下角
  • 两个值: 第一个值为左上角与右下角,第二个值为右上角与左下角
  • 一个值: 四个圆角值相同

border-radius:10px            20px             /30px     20px             40px

                     左上/右下     右上/左下     左上       右上/左下     右下

6.通过下面CSS样式代码来设置边框阴影效果:

box-shadow:30px 20px 10px 5px #BBAACC;

其中10px用来设置边框阴影中的()特征。

A.水平阴影

B.垂直阴影

C.模糊距离

D.阴影尺寸

E.阴影颜色

7.关于图像边框说法错误的是()。

A.边框图像在元素的背景之上

B.边框图像被分割成9部分,四个角的区域可以平铺和拉伸

C.边框图像被分割成9部分,四个边框部分可以平铺和拉伸

D.边框图像被分割成9部分,中心区域默认是透明的,当有fill参数时,中心区域将会使用边框图像进行填充

8.下面设置中,可以使当前元素在父容器中水平居中的是()。

A.margin:auto 0;

B.margin:0 auto;

C.padding:auto 0;

D.padding:0 auto;

9.关于页面布局说法不正确的是()。

A.页面设计与布局的核心目标是实现页面的结构与外观相分离

B.表格布局时,容易嵌套层次过多,不利于搜索引擎的抓取

C.框架布局可以有效地解决代码重用性问题,现在前端和后台被广泛使用

D.DIV+CSS布局方式结构清晰,代码嵌套层次少,容易被搜索引擎检索到

不正确的说法是:

C. 框架布局可以有效地解决代码重用性问题,现在前端和后台被广泛使用

框架布局(Frame layout)在现代网页设计中已经很少使用,因为它存在诸多问题,如不利于搜索引擎优化、用户体验差等。现代网页设计更常采用DIV+CSS布局方式,而不是框架布局。

第六章测试

1.在下列()HTML元素中放置Javascript代码。

A.<script>

B.<JavaScript>

C.<js>

D.<scripting>

2.插入JavaScript的正确位置是()。

A.<body>部分

B.<head>部分

C<body>部分和<head>部分均可

3.引用名为“xxx.js”的外部脚本的正确语法是()。

A.<script src=“xxx.js”>

B.<script href=“xxx.js”>

C.<script name=“xxx.js”>

D.<script type=“xxx.js”>

4.JavaScript中多行注释的语法是()。

A.<!–this comment has more than one line–>

B.//this comment has more than one line//

C.<%–this comment has more than one line–%>

D./*this comment has more than one line*/

5.以下变量命名中,()符合命名规则。

A.with

B.userName

C.a&bc

D.8_depart

6.在JavaScript中,关于函数说法错误的是()。

A.函数的命名规则和变量名相同

B.函数调用时直接使用函数名,并给形参传值

C.函数必须使用return语句

D.函数可以对代码模块化,是具有特定功能的一段代码

7.JavaScript中,运行下面代码后的返回值是()。

var flag=true;

document.write(typeof(flag));

A.undifined

B.null

C.number

D.boolean

第七章测试

1.()不是JavaScript中的内置对象。

A.Date

B.String

C.Array

D.List

2.Math对象的()方法可以实现对数值的四舍五入。

A.round()

B.random()

C.floor()

D.ceil()

3.Array对象的()方法可以颠倒数组中元素的顺序。

A.shift()

B.reverse()

C.splice()

D.slice()

4.下述创建数组的语句中,()是错误的。

A.var array=new Array();

B.var array=new Array()();

C.var array=[1,“绝地反击”,80,“万达影院”];

D.var movies=[[“科幻”,"《2012》",80],[“爱情”,“何以笙箫默”,60]];

下述创建数组的语句中,B. var array=new Array()(); 是错误的。

解释:

  • A. var array=new Array(); 是正确的,这是一种声明数组的语法。
  • B. var array=new Array()(); 是错误的,new Array()已经是构造函数调用了,后面再跟一个 () 是语法错误。
  • C. var array=[1,“绝地反击80万达影院”]; 是正确的,这是使用字面量创建数组。
  • D. var movies=[[“科幻”,"2012",80][“爱情”,“何以笙箫默”,60]]; 是正确的,这是创建一个包含两个子数组的二维数组。

5.数组元素是通过下标来引用的,下标编号从(0)开始,最大编号的数组元素下标编号为(length-1)。

6.RegExp对象的常用方法有complie()、( exec() )、( test() )。

7.在JavaScript中,可以通过原始方式、( 构造函数方式 )、原型方式混合方式、( json方式 )进行自定义对象。

第八章测试

1.()对象是BOM模型中的最高一层,可以通过其属性和方法实现对浏览器窗口的操作。

A.document

B.window

C.location

D.navigation

2.页面中只有一个name为login的表单,使用()方法可以获取其中name为userName的文本框的值。

A.document.login.userName.value

B.document.forms[0].userName.value

C.document.getElementsByName(“userName”)[0].value

D.document.getElementsByTagName(“form”)[0].value

3.元素失去焦点时会触发()事件。

A.blur

B.focus

C.out

D.lost

4.下面()表单元素不能与onchange事件处理程序相关联。

A.列表框

B.文本框

C.按钮

D.单选按钮

下面不能与`onchange`事件处理程序相关联的表单元素是 C: 按钮。

解释:

- `列表框`(A):也称为`下拉菜单`,当选择项改变时会触发`onchange`事件。

- `文本框`(B):当文本框内容改变且失去焦点时会触发`onchange`事件。

- `按钮`(C):按钮的操作是点击,通常关联`onclick`事件,而不是`onchange`事件。

- `单选按钮`(D):当选择不同的选项时也会触发`onchange`事件。

5. 下列方法中,()方法可以用来提交表单。

A. post()

B. reset()

C. send()

D. submit()

解释:

- `post()` 方法:这是 HTTP 请求的方法之一,但它不是用于直接提交 HTML 表单的方法。

- `reset()` 方法:用于重置表单中的所有表单元素,但不会提交表单。

- `send()` 方法:用于发送 HTTP 请求,但这与 HTML 表单的提交无关。

- `submit()` 方法:这是用于提交 HTML 表单的方法。

因此,正确答案是 D: submit。

6.下述代码中,()可以返回某行在表格中的位置。

A.TableRow.rowIndex

B.TableRow.cellIndex

C.TableCell.rowIndex

D.TableCell.cellIndex

7.下述关于document对象的方法中,返回结果不是集合的是()。

A.getElementsByTagName()

B.getElementsByName()

C.getElementsByClassName()

D.getElementsById()

8.window对象中,()方法用于设置一个按照指定的周期(以毫秒计)来调用函数的定时器。

A.setTimeout()

B.setInterval()

C.clearTimeout()

D.clearInterval()

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/658540.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

TQSDRPI开发板教程:DDR检测

项目资源分享 链接&#xff1a;https://pan.baidu.com/s/1IIrUL7Zczb6DwCAkihylRA 提取码&#xff1a;0z0z 打开vivado2019.1创建工程 下一步 设置工程名称与地址。勾选reate…选项&#xff0c;会创建一个新的文件夹&#xff0c;项目保存在其中&#xff0c;文件夹名称与工程名…

算法学习笔记(7.1)-贪心算法(分数背包问题)

##问题描述 给定 &#x1d45b; 个物品&#xff0c;第 &#x1d456; 个物品的重量为 &#x1d464;&#x1d454;&#x1d461;[&#x1d456;−1]、价值为 &#x1d463;&#x1d44e;&#x1d459;[&#x1d456;−1] &#xff0c;和一个容量为 &#x1d450;&#x1d44e;&…

Midjourney保姆级教程(五):Midjourney图生图

Midjourney生成图片的方式除了使用文字描述生成图片外&#xff0c;还有“图生图”的方式&#xff0c;可以让生成的图片更接近参考的图片。 今天我们来聊聊“图生图”的方式。 一、模仿获取propmt 很多时候&#xff0c;我们不知道画什么内容的图片&#xff0c;大家可以关注内…

28-ESP32-S3 lwIP 轻量级 TCP/IP 协议栈

ESP32-S3 lwIP 介绍 ESP32-S3 是一款集成了Wi-Fi 和蓝牙功能的微控制器。它的设计初衷是为了方便嵌入式系统的开发。不过你可能会好奇&#xff0c;ESP32-S3 怎么实现与外部网络的通信呢&#xff1f;这里就要提到一个开源的 TCP/IP 协议栈&#xff0c;它叫做lwIP&#xff08;轻…

C# TcpClient

TcpClient 自己封装的话&#xff0c;还是比较麻烦的&#xff0c;可以基于线程&#xff0c;也可以基于异步写&#xff0c;最好的办法是网上找个插件&#xff0c;我发现一个插件还是非常好用的&#xff1a;STTech.BytesIO.Tcp 下面是这个插件作者的帖子&#xff0c;有兴趣的可以…

OpenHarmony Liteos_A内核之iperf3移植心得

一、iperf3工作原理 iperf3主要的功能是测试基于特定路径的带宽&#xff0c;在客户端和服务器端建立连接&#xff08;三次握手&#xff09;后&#xff0c;客户端发送一定大小的数据报并记下发送的时间&#xff0c;或者客户端在一定的时间内发送数据并记下发送的总数据。带宽的…

MySQL--二进制日志

目录 一、作用 二、binlog配置 1.查看当前配置 2.修改配置文件​ 3.binlog配置参数解释 三、binlog记录内容说明 1.记录内容 2.DDL、DCL记录格式 3.DML记录格式 4.记录内容查看 四、bin_log_format 记录模式 1.行模式 Row 2.语句模式 Statement 3.混合模式 五、…

使用Django实现WebSocket

文章目录 安装依赖编写Consumer配置路由在模板中使用WebSocket运行应用 WebSocket是一种在单个TCP连接上进行全双工通信的协议&#xff0c;在Web开发中被广泛应用于实时通信和数据推送。本文将介绍如何在Django中使用WebSocket来实现实时通信功能。 安装依赖 首先&#xff0…

【Matlab函数分析】绘图函数:mesh网格曲面图

&#x1f517; 运行环境&#xff1a;Matlab &#x1f6a9; 撰写作者&#xff1a;左手の明天 &#x1f947; 精选专栏&#xff1a;《python》 &#x1f525; 推荐专栏&#xff1a;《算法研究》 #### 防伪水印——左手の明天 #### &#x1f497; 大家好&#x1f917;&#x1f91…

基于Spring Boot的高校图书馆管理系统

项目和论文都有企鹅号2583550535 基于Spring Boot的图书馆管理系统||图书管理系统_哔哩哔哩_bilibili 第1章 绪论... 1 1.1 研究背景和意义... 1 1.2 国内外研究现状... 1 第2章 相关技术概述... 2 2.1 后端开发技术... 2 2.1.1 SpringBoot 2 2.1.2 MySQL.. 2 2.1.3 My…

FTP协议——BFTPD基本操作(Ubuntu+Win)

1、描述 本机&#xff08;Win10&#xff09;与虚拟机&#xff08;Ubuntu22.04.4&#xff09;上的BFTPD服务器建立FTP连接&#xff0c;执行一些基本操作。BFTPD安装教程&#xff1a;FTP协议——BFTPD安装&#xff08;Linux&#xff09;-CSDN博客 2、 步骤 启动BFTPD。启动文件…

Spring MVC 工作流程源码分析

前言&#xff1a; 我们知道 Spring MVC 的核心是前端控制器 DispatcherServlet&#xff0c;客户端所有的请求都会交给 DispatcherServlet 来处理&#xff0c;本篇我我们来分析 Spring MVC 处理客户端请求的流程&#xff0c;也就是工作流程。 Sping MVC 只是储备传送门&#x…

Talken - 语音命令系统

Talken - 语音命令系统 通过集成最先进的语音命令系统 Talken,释放游戏的全部潜力。 借助 Talken,您可以让玩家通过语音命令控制动作,从而重新定义游戏体验。 观看角色移动并对语音指令做出实时反应,模糊游戏与现实之间的界限。 主要特征: 🗣️ 语音驱动的游戏玩法:…

浙江大学数据结构MOOC-课后习题-第九讲-排序2 Insert or Merge

题目汇总 浙江大学数据结构MOOC-课后习题-拼题A-代码分享-2024 题目描述 测试点 思路分析 刚开始我打算想推出一个规律&#xff0c;来判断是否是归并排序&#xff0c;但实在太过于复杂&#xff0c;我很难去想出这样的规律…因此&#xff0c;参考了其他博主的思路——每做一次排…

7 步解决Android Studio模拟器切换中文输入

详细步骤传送地址&#xff1a;Android Studio 模拟器切换中文输入 目录 01 问题概述 02 模拟器的调试 01 问题概述 大家在使用Android Studio 软件进行项目演示时总会遇到一些输入框需要输入中文汉字的情况&#xff0c;由于AS自带的模拟器基本都是英文&#xff0c;这时就有同…

服务器主机托管一站式托管服务有哪些?

服务器主机托管一站式托管服务&#xff0c;作为现代企业信息化建设的重要一环&#xff0c;为企业提供了一种高效、安全、可靠的服务器运行环境。下面&#xff0c;我们将从多个方面详细介绍这一服务的内容。 一、硬件与基础设施 服务器主机托管服务首先涵盖了服务器硬件和网络基…

Vulhub——CAS 4.1、AppWeb、apisix

文章目录 一、Apereo CAS 4.1&#xff08;反序列化命令执行漏洞&#xff09;二、CVE-2018-8715&#xff08;AppWeb认证绕过漏洞&#xff09;三、apisix3.1 CVE-2020-13945(默认密钥漏洞&#xff09;3.2 CVE-2021-45232&#xff08;Dashboard API权限绕过导致RCE&#xff09; 一…

vue3 手动简单 24h 甘特图封装

甘特图 手动封装简版甘特图&#xff0c;纯展示功能&#xff0c;无其他操作 文章目录 甘特图前言效果图组件使用总结 前言 开始的思路是使用echarts 瀑布图来体现&#xff0c;但是试验后发现&#xff0c;头部时间功能不满足&#xff0c;然未找到其他组件&#xff0c;于是手动封…

厨师服穿戴智能监测摄像机

随着科技的发展&#xff0c;智能监测摄像技术已经在各个领域得到了广泛应用。近年来&#xff0c;厨师服穿戴智能监测摄像机逐渐成为了厨房管理和食品安全监控的重要工具。这种设备能够为厨师提供实时监测和反馈&#xff0c;提高工作效率和食品安全&#xff0c;进一步提高整个餐…

网上书城|基于SprinBoot+vue的网上书城管理系统(源码+数据库+文档)

网上书城管理系统 目录 基于SprinBootvue的网上书城管理系统 一、前言 二、系统设计 三、系统功能设计 1系统功能模块 2管理员功能模块 3用户后台功能模块 四、数据库设计 五、核心代码 六、论文参考 七、最新计算机毕设选题推荐 八、源码获取&#xff1a; 博主介…