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/658855.html

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

相关文章

宏基因组+代谢之后,还能做点啥?

近期&#xff0c;发表在《Cell Host & Microbe》IF30.3上的论文将微生物基因与血浆和粪便代谢物联系起来&#xff0c;揭示了溃疡性结肠炎病程中的宿主-微生物相互作用。 文章内容要点 该研究整合了多组学方法&#xff0c;以识别与炎症疾病相关的微生物及其产物。 研究使用…

ios 端如何免费使用Emby???(利用Quantumult X )

本文转自博主的个人博客&#xff1a;https://blog.zhumengmeng.work,欢迎大家前往查看。 原文链接&#xff1a;点我访问 注意&#xff1a;使用此激活方式&#xff0c;有唯一缺点&#xff0c;在观看Emby时需保持Quantumult X为开启状态&#xff01; 一、安装证书 开启 MitM 后…

【病毒分析】Babuk勒索家族babyk后缀系列分析--Windows篇

1.背景 1.1 Babuk勒索家族 Babuk勒索家族最早曝光于2021年1月初&#xff0c;在几个月内&#xff0c;它就跻身于最臭名昭著的勒索软件组织之列。自回归以来&#xff0c;它通过在地下论坛上积极宣传自己而获得了更多的知名度。在策略方面&#xff0c;其加密功能与其他勒索软件组…

【Python】 如何获取Python模块的路径?

基本原理 在Python中&#xff0c;模块是组织代码的一种方式&#xff0c;每个.py文件都是一个模块。有时&#xff0c;我们需要获取一个模块的路径&#xff0c;这在需要定位模块文件、读取模块配置文件或动态加载模块时非常有用。Python提供了几种方法来获取模块的路径。 代码示…

Java基础入门day60

day60 购物车案例补充 设置欢迎页 打开也系统&#xff0c;就可以直接看到商品列表页面 之前曾经设置过欢迎页&#xff0c;都是针对页面&#xff0c;可以有html页面&#xff0c;也可以有jsp页面 但是今天我们将一个servlet设置成欢迎页 在web.xml文件中设置欢迎页 <welcome…

我国赤泥年产量庞大 政策引导下赤泥绿色利用率将不断提升

我国赤泥年产量庞大 政策引导下赤泥绿色利用率将不断提升 赤泥是指从铝土矿中提炼氧化铝后产生的强碱性工业固体废渣&#xff0c;由于含大量氧化铁&#xff0c;表面呈现红色&#xff0c;而得名赤泥。   赤泥通常包含氧化铝、氧化铁、二氧化硅、氧化钙、碱金属及其他微量元素&…

【Jmeter】性能测试之压测脚本生成,也可以录制接口自动化测试场景

准备工作-10分中药录制HTTPS脚本&#xff0c;需配置证书 准备工作-10分中药 以https://www.baidu.com/这个地址为录制脚本的示例。 录制脚本前的准备工作当然是得先把Jmeter下载安装好、JDK环境配置好、打开Jmeter.bat&#xff0c;打开cmd&#xff0c;输入ipconfig&#xff0c;…

数据分析中的列与行交换技巧

新书上架~&#x1f447;全国包邮奥~ python实用小工具开发教程http://pythontoolsteach.com/3 欢迎关注我&#x1f446;&#xff0c;收藏下次不迷路┗|&#xff40;O′|┛ 嗷~~ 目录 一、引言&#xff1a;数据交换的重要性 二、列交换的基本原理 三、列交换的代码实现 1. 使…

勒索软件统计数据揭示了网络勒索的惊人速度

本文通过各种报告摘录&#xff0c;提供了有关当前勒索软件形势的统计数据和见解。 全球勒索病毒危机加剧 NTT安全控股《2024全球威胁情报报告》&#xff08;2024年5月&#xff09; 据NTT安全控股公司的《2024年全球威胁情报报告》显示&#xff0c;勒索软件和勒索事件在2023年激…

无人售货机零售业务成功指南:从市场分析到创新策略

在科技驱动的零售新时代&#xff0c;无人售货机作为一种便捷购物解决方案&#xff0c;正逐步兴起&#xff0c;它不仅优化了消费者体验&#xff0c;还显著降低了人力成本&#xff0c;提升了运营效能。开展这项业务前&#xff0c;深入的市场剖析不可或缺&#xff0c;需聚焦消费者…

Ai绘画怎么正确使用关键词?

在AI绘画的过程中&#xff0c;关键词&#xff08;提示词&#xff09;是非常重要的组成部分&#xff0c;下面我以AI绘画常用的Stable Diffusion为例&#xff0c;来介绍下AI绘画怎么使用提示词吧&#xff01; 一、提示词是什么 提示词&#xff08;Prompt&#xff09;就是我们对…

开源数据库同步工具DBSyncer

前言&#xff1a; 这么实用的工具&#xff0c;竟然今天才发现&#xff0c;相见恨晚呀&#xff01;&#xff01;&#xff01;&#xff01; DBSyncer&#xff08;英[dbsɪŋkɜː]&#xff0c;美[dbsɪŋkɜː 简称dbs&#xff09;是一款开源的数据同步中间件&#xff0c;提供M…

北美互联网裁员太狠了,程序员“做管理上岸”越来越难

北美互联网现在裁员太狠了&#xff0c;“做管理上岸”这种事情在现在这种行业形势已经基本不存在了&#xff0c;这个人管理40人的团队该裁还是裁。 然而硅谷还是中国程序员心中的圣地&#xff08;华子一定程度上也是很多人的心之所向&#xff0c;技术大厂捞人&#xff0c;前后…

【C语言每日一练】【第1天】C程序实现分数计算器

一、实现目标 输入两个分数&#xff0c;中间是四则运算符&#xff08;&#xff0c;-&#xff0c;*&#xff0c;/&#xff09;&#xff0c;程序输出分数形式的运算结果。 样例输入&#xff1a;1,2,,1,3 样例输出&#xff1a;5/6 (1/21/3) 二、实现步骤 1、求最大公约数 定义一…

在 CentOS 上安装 PostgreSQL 的全面指南

PostgreSQL 是一种功能强大的开源关系型数据库管理系统&#xff0c;广泛应用于各种领域。它提供了诸如事务处理、并发控制和数据完整性等高级功能&#xff0c;因此深受开发者和企业的欢迎。本指南将逐步引导您在 CentOS 上安装 PostgreSQL&#xff0c;以便您充分利用其众多优势…

面试必备:应对 “为什么离职” 的万能回答

使用PC端的朋友&#xff0c;请将页面缩小到最小比例&#xff0c;阅读最佳&#xff01; 面试官问到你为什么从上一家公司离职时&#xff0c;你会怎么回答&#xff1f;这个问题我觉得很有意思&#xff0c;也很有必要去探讨一下。 很多专业人士都会建议你&#xff0c;最好不要直接…

日常使用工具(截图,笔记,一键启动)

目录 一,截图 Snipaste 二.笔记 Joplin 三.翻译 四.自动启动软件 这篇记录一下工作中用的很顺手的工具. 一,截图 Snipaste 官网:Snipaste - 截图 贴图 下面是官方手册. 使用 我都是直接F1 就会出现选择框,随意拖动大小,选择下方工具栏,相应位置, 二.笔记 Joplin 官网:…

【Pandas】深入解析`pd.to_excel()`函数

【Pandas】深入解析pd.to_excel()函数 &#x1f308; 欢迎莅临我的个人主页&#x1f448;这里是我深耕Python编程、机器学习和自然语言处理&#xff08;NLP&#xff09;领域&#xff0c;并乐于分享知识与经验的小天地&#xff01;&#x1f387; &#x1f393; 博主简介&#xf…

Linux自动重启系统脚本测试工具

前言 脚本允许用户指定重启的次数和重启间隔时间&#xff0c;并自动生成相应的定时任务。通过使用这个脚本&#xff0c;系统管理员可以轻松地设置重启测试。每次重启操作都会被记录下来&#xff0c;以便用户随时了解测试情况。 一、脚本 #!/bin/bashif [ "$1" &qu…

css设置文字在固定宽度中等距分开(仅限于单行文本)

一、要实现的效果&#xff1a; 二、代码 要在CSS中设置文本在一个固定宽度的容器中等距分开&#xff0c; 可以使用text-align: justify;属性&#xff0c;它可以让文本两端对齐&#xff0c;看起来就像是等距分开的。 但是要注意&#xff0c;单独使用text-align:justify;只能对单…