Web前端复习二(期末考试考到了一部分)

news2025/3/1 13:40:25

第一章测试

选项中加粗的为答案

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()

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

TiDB学习9:Ti Cloud简介

目录 1. 为什么选择TiDB 2. 多租户 3. TiDB架构 4. 什么是TiDB Cloud 5. TiDB Cloud Provider Region 6. TiDB Cloud 入门 6.1 在浏览器中打开TiDB Cloud 6.2 创建您的账户 6.3 Developer Tier 与Dedicated Tier 6.3.1 Developer Tier 6.3.2 Dedicated Tier 6.3.2.…

IntelliJ IDEA,PyCharm,GoLand全家桶激活码(资源是从官网购买,仅供学习和交流)

全家桶激活码(资源是从官网购买,仅供学习和交流) 激活之前先设置一下代理 第一步:选择代理设置 第二步:选择 Manual proxy configuration 第三步:输入配置,第三步不要漏 下面为复制红框内容,直接复制进去就好!!! Host Name:localhost No proxy for: *.github.c…

2024新版二开微信发卡小程序源码卡密系统流支持量主

2024新版二开微信发卡小程序源码卡密系统流支持量主。裂变扩展多种领取模式二次开发的发卡小程序源码&#xff0c;其后台采用PHP编写&#xff0c;支持用户通过付费购卡或者观看视频广告领取卡密&#xff0c;该小程序还支持流量主&#xff0c;因为功能需要&#xff0c;我就进行了…

【Word】调整列表符号与后续文本的间距

1. 默认的列表格式&#xff1a; 2. 修改间距&#xff1a; ************************************************** 分割线 ************************************************************ 3. 效果

如何使用Cloudways搭建WordPress网站(附最新Cloudways优惠码)

如今&#xff0c;搭建网站已经变得非常简单&#xff0c;这主要得益于开源的CMS建站系统的兴起。即使是不懂编程的人也能轻松搭建自己的网站&#xff0c;这些CMS系统提供了丰富的主题模板和插件&#xff0c;使用户可以通过简单的拖放和配置操作来建立自己的网站。 WordPress是目…

SAP Build引言

前言 SAP Build 似乎是一个整合了很多低代码或无代码产品的平台&#xff0c;最早的时候应该都是各自分开的几个产品&#xff0c;近年合并到一块上了SAP Build平台 现在看官网的介绍应该是有三四个产品被集成进来了&#xff0c;分别是SAP IRPA&#xff0c;SAP Workflow&#xf…

uniapp使用一键登录(前后端两种实现全过程、附代码)

1.开通uni一键登录、开通服务空间uni-app官网 开通流程(业务开通 | uniCloud) 2. 开发:一键登录代码 & 云函数代码 3.排查报错 官方给出三种方式 本人使用了调试了第一种(前端调用)与第三种(后端调用,安全性好) 第一种(前端) 1.关联服务空间、创建云函数名…

大模型算法办备案全网最详细说明(+附件)

已成功备案产品&#xff08;近130家&#xff0c;不包括审核中的&#xff09; 一、大模型算法备案的强制性 二、生成式人工智能(大语言模型)安全评估要点 三、大模型备案必备材料重点说明 四、大模型备案填报流程 五、大模型备案时间成本对比 六、备案建议 附录、过程性材料 一…

# Mybatis 高级用法和tk.mybatis使用

Mybatis 高级用法和tk.mybatis使用 文章目录 Mybatis 高级用法和tk.mybatis使用使用SelectProvider、InsertProvider、UpdateProvider、DeleteProviderSelectProvider使用例子 tk.mybatis引入依赖查询实现实体映射类实体类规范 dao层调用dao 使用SelectProvider、InsertProvide…

使用CS抓取WIN2012明文密码

目录 实验概述&#xff1a; 开始实验&#xff1a; 实验准备&#xff1a; 打开CS&#xff1a; 生成木马控制wind2012&#xff1a; 抓取明文密码&#xff1a; 实验概述&#xff1a; win2012及win10版本是不允许将明文密码储存在内存中的&#xff0c;此时我们…

测试基础08:测试文档的编写(测试计划方案用例报告)

测试大纲 一、测试计划 1 概述 1.1 目的 简述本计划的目的&#xff0c;旨在说明各种测试阶段任务、人员分配和时间安排、工作规范等。测试计划包含足够的信息使测试人员明白项目需要做什么&#xff0c;是如何运作的。另外&#xff0c;清晰的文档结构能使任何一个读者在浏览…

如何利用向量数据库来弥补 LLM 的弱点

向量数据库使企业能够以经济且可持续的方式调整通用大型语言模型以供组织特定使用。 译自 How to Cure LLM Weaknesses with Vector Databases&#xff0c;作者 Naren Narendran。 多年来&#xff0c;人们一直在猜测人工智能对企业产生的潜在影响。现在&#xff0c;我们看到来自…

Ansible04-Ansible Vars变量详解

目录 写在前面6 Ansible Vars 变量6.1 playbook中的变量6.1.1 playbook中定义变量的格式6.1.2 举例6.1.3 小tip 6.2 共有变量6.2.1 变量文件6.2.1.1 变量文件编写6.2.1.2 playbook编写6.2.1.3 运行测试 6.2.2 根据主机组使用变量6.2.2.1 groups_vars编写6.2.2.2 playbook编写6.…

美国RAKsmart海外大带宽服务器的显著特点

美国RAKsmart海外大带宽服务器在当前的互联网服务领域中备受瞩目&#xff0c;其显著特点主要体现在以下几个方面&#xff1a; 高带宽资源&#xff1a;RAKsmart服务器拥有充足的带宽资源&#xff0c;最低提供100M独享带宽&#xff0c;并支持升级至G口、10G口大带宽方案。这种高带…

【验证码识别】Yolov8入门到实战点选验证码数据集分类训练,孪生训练,导出onnx,搭建部署接口

【验证码识别】Yolov8入门到实战点选验证码数据集分类训练&#xff0c;孪生训练&#xff0c;导出onnx&#xff0c;搭建部署接口 文章目录 【验证码识别】Yolov8入门到实战点选验证码数据集分类训练&#xff0c;孪生训练&#xff0c;导出onnx&#xff0c;搭建部署接口声明一、标…

C++ vector的使用和简单模拟实现(超级详细!!!)

目录 前言 1.STL是什么 2.vector使用 2.1 vector简介 2.2 常用接口函数 1. 构造函数 2.operator[ ]和size&#xff0c;push_back 3. 用迭代器进行访问和修改 4. 范围for遍历 5.修改类型函数 pop_back find insert erase 6. 容量相关函数capacity resize reserve 3.…

知识图谱抽取实战

相关代码见文末 1.知识图谱应用场景 知识图谱是一种先进的数据组织形式,它通过图数据结构来表示实体(如人、地点、概念)及其之间的复杂关系,便于机器理解和处理。这种结构化知识库允许高效的信息检索、推理和知识发现,尤其适用于处理高度关联且需要深度理解的领域,如医学…

Source Insight 变量高亮快捷键F8 失效

SourceInsight4.0&#xff0c;使用的时候&#xff0c;高亮快捷键F8突然不能用了 查半天发现&#xff0c;是用了“有道翻译”的原因&#xff0c;热键冲突&#xff0c;如下&#xff0c;把下面的热键换一个就好了

freeswitch官方仓库

概述 在使用源代码编译安装freeswitch的过程中&#xff0c;我们经常需要一些依赖库&#xff0c;其中freeswitch官方的yum源仓库是最齐全最方便的。 但是&#xff0c;freeswitch仓库的配置和使用需要先在signalwire网站注册账号并获取PAT&#xff08;personal access token&am…

微调医疗大模型,与通用大模型效果对比

下面是一份CT描述&#xff1a; “肝脏大小、形态未见明确异常。肝S2见一结节状低密度影&#xff0c;大小约13x11mm&#xff0c;增强扫描呈明显渐进性强化&#xff0c;延迟期呈等密度。余肝实质内未见异常密度影或强化灶。肝内大血管及其分支走行未见异常&#xff0c;肝门区层次…