Web前端复习二（期末考试考到了一部分）

计海无涯

已于 2024-05-29 11:47:37 修改

阅读量770

点赞数 19

分类专栏： Web前端文章标签：前端

于 2024-05-29 09:17:24 首次发布

本文链接：https://blog.csdn.net/s1ms1mpleple/article/details/139283615

版权

Web前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

第一章测试

选项中加粗的为答案

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.

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]]; 是正确的，这是创建一个包含两个子数组的二维数组。